:root {
    --brand-color: #ff5823;
    --btn-hover-color: #d43a09;
    --white-color: #fff;
    --background-color1: #f3f3fa;
    --background-color2: #eaeaea;
    --light-blue-color: #2586f8;
    --light-blue-color2: #06d;
    --blue-color: #1b204f;
    --backdrop-color: rgba(0, 0, 0, 0.2);
    --black-color: black;
}

/* FONTS */

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDujMR6WR.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuHMR6WR.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDunMR6WR.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDubMR6WR.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDurMR6WR.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuvMR6WR.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDunMR6WR.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDubMR6WR.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDurMR6WR.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* @font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    src: url(/content/fonts/OpenSans-Light.ttf);
    font-stretch: 100%;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    src: url(/content/fonts/OpenSans-Medium.ttf);
    font-stretch: 100%;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    src: url(/content/fonts/OpenSans-Regular.ttf);
    font-stretch: 100%;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    src: url(/content/fonts/OpenSans-Bold.ttf);
    font-stretch: 100%;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    src: url(/content/fonts/OpenSans-SemiBold.ttf);
    font-stretch: 100%;
}

@font-face {
    font-family: "Open Sans", sans-serif;
    font-weight: 900;
    src: url(/content/fonts/OpenSans-ExtraBold.ttf);
    font-stretch: 100%;
} */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */

/* scrollbar */

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #eee;
}

body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #aaa;
}

::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, .55);
    }

::-webkit-scrollbar-track {
    background-color: transparent;
}

.modal-backdrop, .modal-backdrop.show {
    opacity: 1;
    background-color: rgba(27, 32, 79, .5);
}

.Tag-Filter ul::-webkit-scrollbar, .ss-content .ss-list::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar, .form-control::-webkit-scrollbar,
.registration select::-webkit-scrollbar, #profilePopup .modal-content .modal-header .profile-main-nav::-webkit-scrollbar,
.overflow-container::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

.Tag-Filter ul::-webkit-scrollbar-thumb, .ss-content .ss-list::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb,
.form-control::-webkit-scrollbar-thumb, .registration select::-webkit-scrollbar-thumb,
#profilePopup .modal-content .modal-header .profile-main-nav::-webkit-scrollbar-thumb,
.overflow-container::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 6px;
}

.Tag-Filter ul::-webkit-scrollbar-track, .ss-content .ss-list::-webkit-scrollbar-track, .select2-results__options::-webkit-scrollbar-track,
.form-control::-webkit-scrollbar-track, .registration select::-webkit-scrollbar-track,
#profilePopup .modal-content .modal-header .profile-main-nav::-webkit-scrollbar-track,
.overflow-container::-webkit-scrollbar-track {
    background-color: #eee;
    opacity: .9;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 50px;
}

[id] {
    scroll-margin-top: 50px;
}

body {
    margin: 0;
    /* padding-right: 0 !important; */
    font-family: "Open Sans", sans-serif;
}

    /* body:not(.mobile).modal-open .Main, body:not(.mobile).modal-open .Main_not_slidable, body:not(.mobile).modal-open .header-secondary:not(.gameLaunchFull):not(.Full)*/
    body:not(.mobile).modal-open .Wrapper--Header {
        padding-right: 34px;
    }

.overlay24.loading:after, .loading:not(#popupLoginBtn):after,
.Iframe--full.loading:after, #sport_div_iframe.loading:after,
.block-overlay.loading, .btn-close.loading:after,
.btn-full-screen.loading:after, .btn-refresh.loading:after,
#searchPopup .searchLoading:after  {
    content: '';
    display: block;
    position: absolute !important;
    border: 2px solid var(--brand-color);
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: spinAround .5s infinite linear;
    animation: spinAround .5s infinite linear;
}

.btn-success.loading:not(#popupLoginBtn):after, .play-now:after {
    border-color: var(--white-color) !important;
}

.loading {
    color: transparent !important;
    pointer-events: none;
}

    .loading:not(#popupLoginBtn):after {
        width: 15px !important;
        height: 15px;
        position: absolute !important;
        left: calc(50% - (15px / 2)) !important;
        top: calc(50% - (15px / 2)) !important;
    }

@-webkit-keyframes spinAround {
    from {
        transform: rotate(0);
    }

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

@keyframes spinAround {
    from {
        transform: rotate(0);
    }

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

.block-overlay.loading {
    width: 5em;
    height: 5em;
    left: calc(50% - (5em / 2));
    top: calc(50% - (5em / 2));
}

    .block-overlay.loading:after {
        content: none !important;
    }

.block-overlay.loading {
    background-image: url(../img/logos/preloader-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 4.2rem;
    width: 7.4rem;
    animation: unset;
    border: none;
    border-radius: 0;
}

    .block-overlay.loading:before {
        content: '';
        display: block;
        animation: contanim 5s ease-in-out .1s infinite;
        height: 11.2rem;
        position: relative;
        width: 11.2rem;
        border: 3px solid var(--background-color1);
        border-right-color: var(--brand-color);
        border-right-width: 5px;
        border-radius: 50%;
        top: -44px;
        right: 22px;
        animation: contanim 5s ease-in-out .1s infinite;
    }

.blockUI.blockOverlay {
    background: rgba(27, 32, 79, .5) !important;
}

@keyframes contanim {
    100% {
        transform: rotate(10turn);
    }
}

.overlay24.loading {
    z-index: 10000000 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

    .overlay24.loading:after {
        width: 100px !important;
        height: 100px;
        left: calc(50% - (100px / 2)) !important;
        top: calc(50% - (100px / 2)) !important;
    }

#profilePopup ~ .overlay24.loading {
    left: 0 !important;
}

body:not(.mobile) {
    /* overflow-y: visible !important; */
    overflow-x: hidden !important;
}

.page-wrapper, .app-root {
    background-color: #f7f8f9;
}

.withdrawalmessage-error, .depositmessage-error {
    color: #d43a09;
}

.has-error {
    display: block;
}

.has-error, .required-field, .text-danger {
    color: var(--btn-hover-color);
    padding: 5px;
}

.Header--primary__Panel--user {
    width: 100%;
    height: 8rem;
    padding: 0 2.4rem;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 15;
    background-color: var(--white-color);
}

.header_logo {
    margin-right: 0.4rem;
    width: 12rem;
}

.Header--primary__Panel--user .Container__Item, .Header--primary__Panel--user .Sections_container .Sections,
.Header--primary__Panel--user .Register_container {
    display: flex;
    margin: 0;
}

.Header--primary__Panel--user .Container__Item {
    width: 100%;
}

.Header--primary__Panel--user .Register_container {
    height: 4.8rem;
    margin-left: auto;
    position: relative;
}

.Header--primary__Panel--user .Sections li {
    height: 5rem;
    margin: 0 0.8rem;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
}

    .Header--primary__Panel--user .Sections li.active a:before, .Header--primary__Panel--user .Sections li.active a:after {
        width: 100%;
    }

    .Header--primary__Panel--user .Sections li a {
        height: 3.6rem;
        padding: 0px 0.8rem;
        display: flex;
        align-items: center;
        color: var(--blue-color);
        font-weight: 700;
        position: relative;
        white-space: nowrap;
    }

        .Header--primary__Panel--user .Sections li a:before, .Header--primary__Panel--user .Sections li a:after {
            content: "";
            width: 0;
            height: 0.3rem;
            display: block;
            position: absolute;
            left: 0;
            opacity: .6;
            background: var(--light-blue-color);
            transition: .25s;
        }

        .Header--primary__Panel--user .Sections li a:before {
            top: calc(50% - 0.2rem);
        }

        .Header--primary__Panel--user .Sections li a:after {
            bottom: calc(50% - 0.4rem);
        }

        .Header--primary__Panel--user .Sections li a:hover:before, .Header--primary__Panel--user .Sections li a:hover:after {
            width: 100%;
        }

        .Header--primary__Panel--user .Sections li a:active:before, .Header--primary__Panel--user .Sections li.active a:before {
            top: 0;
        }

        .Header--primary__Panel--user .Sections li a:active:after, .Header--primary__Panel--user .Sections li.active a:after {
            bottom: 0;
        }

.Language {
    display: flex;
    padding: 0 1.2rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

    .Language .Language-active {
        display: flex;
        flex-direction: row-reverse;
        font-weight: 700;
        margin: 0 .8rem;
        text-transform: uppercase;
        align-items: center;
    }

    .Language .la-angle-down {
        order: 2;
        margin-left: 0.8rem;
    }

    .Language.language-dropdown-shown .la-angle-down {
        transform: rotate(180deg);
    }

    .Language .Language-active .flag img, .Dropdown--language li .flag img {
        width: 2.4rem;
        margin-right: 0.8rem;
    }

    .Language .Dropdown--language {
        width: 22.2rem;
        flex-wrap: wrap;
        position: absolute;
        display: none;
        z-index: 10;
        top: calc(100% + 1.6rem);
        right: 0;
        box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
        background-color: var(--white-color);
        border-radius: 1.6rem;
    }

.language--right--panel .Dropdown--language {
    bottom: calc(100% + .8rem);
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
}

.Language.language-dropdown-shown .Dropdown--language {
    display: flex;
}

.Dropdown--language li {
    padding: 0px 1.2rem;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}

    .Dropdown--language li a {
        display: flex;
        flex-direction: row-reverse;
        height: 100%;
        line-height: 5.6rem;
        border-bottom: 1px solid rgb(228, 229, 235);
    }

.Button--sign-up {
    margin: 0 0.8rem;
}

.Button--sign-up, .Button--sign-in, body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:first-child,
body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:first-child,
body.LoggedIn .Register_container .Button--deposit, .casino-game-list .games-and-banners .product-card .user-product-ctrl .play-now,
.promotions_wrapper .back .read-more, .Main .swiper-slide .read-more, .bonuses-terms__get .read-more, .bonus-page .btn-wrap a,
.weekly_bonus_content .btn a, body.LoggedIn .welcome_offer_container p a, .play-now, .hall-of-fame-container .game-hall a,
.game-hall-button .game-hall a, .btn, .Container--GamePage .game-page .game-container .btn-real-game {
    height: 4.8rem;
    padding: 0 2.4rem;
    display: inline-flex;
    align-items: center;
    background: var(--brand-color);
    color: var(--white-color);
    border-radius: 3rem;
    transition: background-color .3s, opacity .3s;
    font-weight: bold;
    white-space: nowrap;
    position: relative;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.Button--sign-up:hover, .bonuses-terms__get .read-more:hover, .bonus-page .btn-wrap a:hover, body.LoggedIn .welcome_offer_container p a:hover,
.hall-of-fame-container .game-hall a:hover, .game-hall-button .game-hall a:hover, .btn:not(.btn-load-more):hover, .btn:active, .btn:focus,
.Container--GamePage .game-page .game-container .btn-real-game:hover {
    color: var(--white-color);
    background: var(--btn-hover-color);
    background-color: var(--btn-hover-color) !important;
}

.Button--sign-in, .btn-warning:not(#popupLoginBtn, #popupSavePassBtn) {
    background: var(--background-color1) !important;
    color: var(--blue-color) !important;
    font-weight: 700;
}

    .Button--sign-in:hover, .btn-warning:hover {
        background: var(--white-color);
        box-shadow: 0 10px 18px rgba(75,74,120,.14);
    }

.Menu--user .username {
    position: relative;
}

    .Menu--user .username:before {
        content: '';
        display: block;
        width: 3.6rem;
        height: 3.6rem;
        padding: 2px;
        background: url(../img/banners/level-__novice.png) no-repeat;
        background-size: 3.2rem;
        background-position: center;
        position: absolute;
        left: 16px;
        border-radius: 50%;
        z-index: 5;
    }

.Menu--user .username, .Menu--user .id {
    padding-left: 60px !important;
}

    .Menu--user .username:after {
        content: '';
        display: block;
        width: 3.6rem;
        height: 3.6rem;
        background: linear-gradient(90deg, #ff5823 0, #ff5823 50%, #fff 0, #fff );
        border-radius: 50%;
        position: absolute;
        left: 16px;
        top: 0;
        z-index: 0;
    }

/* -------------------------------------------------------------------------- LogIn -------------------------------------------------------------------------*/

#loginPopup .modal-dialog, #forgotPasswordPopup .modal-dialog,
#changePasswordPopup .modal-dialog, #verificationPopup .modal-dialog {
    height: auto;
    width: 380px;
    margin: 140px auto;
}

.modal.fade .modal-dialog {
    transform: none;
}

#loginPopup .modal-dialog .modal-content, #forgotPasswordPopup .modal-dialog, #changePasswordPopup .modal-dialog {
    border-radius: 1.6rem;
}

#loginPopup .logo-img, #registrationPopup .logo-img, #changePasswordPopup .logo-img, #forgotPasswordPopup .logo-img,
.mobile #gameModal .logo-img, #verificationPopup .logo-img {
    display: none;
}

#loginPopup .modal-header {
    text-align: center;
}

    #loginPopup .modal-header .modal-title-text, #changePasswordPopup .modal-header .modal-title-text,
    #forgotPasswordPopup .modal-header .modal-title-text {
        font-weight: bold;
        font-size: 2rem;
    }

#loginPopup .close span {
    font-size: 30px;
}

.btn-warning, #loginPopup .btn-sign-up, .btn-success, .btn--downgrade {
    display: block;
    background-color: var(--brand-color);
    border: none;
    line-height: 4.8rem;
    transition: all .3s;
}

    .btn-warning:hover, .btn-success:hover {
        box-shadow: 0.4rem 0.8rem 2.4rem rgba(12,36,99,.25);
    }

.form-control, .form-control:focus,
.select2-container--default .select2-selection--single,
.form-control#dateOfBirth,
.modal-sub-body.identifications .input_name,
.game-category-selector-container .ss-main .ss-multi-selected {
    background: var(--background-color2);
    border: 0.2rem solid transparent;
    border-radius: 0.8rem;
    height: 4.8rem;
    box-shadow: none;
    transition: all .15s cubic-bezier(.4,0,.2,1);
    font-size: 1.4rem;
    color: var(--black-color);
}

    .game-category-selector-container .ss-main .ss-multi-selected:hover,
    .form-control:hover, .select2-container--default .select2-selection--single:hover,
    .form-control#dateOfBirth:hover, .modal-sub-body.identifications .input_name:hover,
    .form-control:focus, .select2-container--default .select2-selection--single:focus, .js-view-category-filter-btn:hover,
    #registration-form select[id$="_day"]:hover, #registration-form select[id$="_month"]:hover, #registration-form select[id$="_day"]:hover,
    #registration-form select[id$="_day"]:focus, #registration-form select[id$="__monthday"]:focus, #registration-form select[id$="_year"]:focus {
        box-shadow: 0 1rem 1.6rem rgba(75,74,120,.11);
    }

    .form-control:focus,
    #registration-form select[id$="_day"]:focus,
    #registration-form select[id$="_month"]:focus,
    #registration-form select[id$="_year"]:focus,
    .select2-container--default .select2-selection--single:focus {
        background: var(--white-color);
    }

    .form-control::placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--black-color);
        font-size: 1.4rem
    }

    .form-control.input-validation-error, .form-group:has(.input-validation-error) .select2 {
        border-color: var(--btn-hover-color) !important;
    }

.form-group:not(:has(.row)):has(.input-validation-error) label:before,
.form-group:has(.row) .row [class*="col-md-"]:has(.input-validation-error) label:before,
.form-group:has(.row) .row [class*="col-xs-"]:has(.input-validation-error) label:before,
.form-group:has(.row) .row [class*="col-xs-"]:has(.input-validation-error):before {
    color: var(--btn-hover-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    line-height: 48px;
    color: var(--grey-color);
}

.select2-container {
    width: 100% !important;
}

#registrationPopup .row.wrapper--flex > div {
    width: 50%;
}

.codeMobilePassportSection {
    display: flex;
    margin-bottom: 15px;
}

    .codeMobilePassportSection > div:nth-child(2) {
        flex: 1;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .codeMobilePassportSection div:nth-child(1) {
        flex: .6;
    }

.field-validation-error, #recaptchaError, #registrationPopup .has-error {
    color: var(--btn-hover-color);
    font-size: 1rem;
    margin: 5px 0;
}

 #registrationPopup .has-error {
    margin: 5px 0;
    padding: 0;
}

#AgeError {
    padding: 0 !important;
}

#loginPopup .btn-warning {
    margin: 15px 0;
}

.forgot-password-url {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin: auto;
    color: var(--light-blue-color2);
}

#loginPopup .btn-sign-up {
    color: var(--blue-color);
    background: var(--white-color);
    font-weight: 700;
    border-radius: 3rem;
}

    #loginPopup .btn-sign-up:hover {
        background-color: var(--white-color);
        box-shadow: 0 0rem 1.6rem rgba(75,74,120,.11);
        color: var(--light-blue-color2);
    }

#loginPopup .modal-body {
    padding: 0 3.2rem 6rem;
    padding-bottom: 60px !important;
}

#loginPopup .btn-group, .btn-group-vertical {
    margin-top: 8px;
    margin-bottom: 10px;
}

#loginPopup .email-verification-block .control-label {
    font-size: 15px !important;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    #loginPopup .email-verification-block .control-label:before {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

/* -------------------- Login and ForgotPassword Css -------------------------*/
.modal-dialog .modal-content .button_options,
.modal-dialog .modal-content .login-options-container .buttons {
    position: relative;
    display: flex;
    width: 100%;
}

    .modal-dialog .modal-content .button_options .forgotpass-option,
    .modal-dialog .modal-content .login-options-container .login-option {
        background: transparent;
        border: unset;
        width: 100%;
        align-items: center;
        cursor: pointer;
        display: flex;
        font-size: 1.4rem;
        font-weight: 700;
        height: 4.8rem;
        justify-content: center;
        line-height: 1.6rem;
        position: relative;
        transition: color .3s;
    }

        .modal-dialog .modal-content .button_options .forgotpass-option:before,
        .modal-dialog .modal-content .login-options-container .login-option:before {
            background: #e4e5eb;
            border-radius: .4rem;
            bottom: .1rem;
            content: "";
            height: .1rem;
            left: 0;
            position: absolute;
            right: 0;
            transition: background .3s, height .3s;
            width: 100%;
        }

        .modal-dialog .modal-content .button_options .forgotpass-option.active:before,
        .modal-dialog .modal-content .login-options-container .login-option.active:before {
            background: #06d;
            bottom: 0;
            height: .4rem;
        }

        .modal-dialog .modal-content .button_options .forgotpass-option.active,
        .modal-dialog .modal-content .login-options-container .login-option.active {
            color: #06d !important;
        }

/*---------------Switch to History Popup Css--------------*/
#profilePopup .modal-content .modal-sub-body:has(.switch-history) {
    display: grid;
    width: 100%;
    height: auto !important;
    grid-template-columns: 1fr 1fr;
}

#profilePopup .modal-content .modal-sub-body .switch-history {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

    #profilePopup .modal-content .modal-sub-body .switch-history .text-switch-history {
        color: #000;
        margin: 10px auto;
    }

    #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history {
        max-width: 300px;
        margin: 0 auto;
        padding: 8px 36px !important;
        color: #000 !important;
        border-radius: 8px !important;
        border: 2px solid var(--blue-color) !important;
        background: transparent !important;
        text-transform: uppercase;
        position: relative;
        height: 40px;
    }

        #profilePopup .modal-content .modal-sub-body .switch-history .btn-switch-history:hover {
            opacity: .9 !important;
            background: var(--blue-color) !important;
            color: #fff !important;
            box-shadow: 0 0 1px rgb(0 0 0 / 17%), 0 0 2px rgba(0, 0, 0, 0.06), 0 4px 8px rgb(0 0 0 / 30%);
        }
/* -------------------------------------- Security Password ---------------------------------------- */

.modal-sub-body.securitypassword .modal-body {
    margin-bottom: 15px;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .btn {
    width: auto;
    margin: 0 0 0 auto;
}

.modal-sub-body.securitypassword .row {
    margin: 0;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .btn {
    width: auto;
    margin: 0 0 0 auto;
}

.modal-sub-body.securitypassword .row {
    margin: 0;
}

#profilePopup .modal-sub-body.securitypassword .modal-body {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

.modal-sub-body.securitypassword .modal-body > form {
    flex: 1;
    max-width: 100%;
    margin-top: 50px;
    border-radius: 9px;
    padding: 40px 20px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
}

.modal-sub-body.securitypassword .modal-title-text {
    padding: 0
}

.modal-sub-body.securitypassword form, #deleteaccount .form-group {
    position: relative;
}

.modal-sub-body.securitypassword .form-header {
    position: absolute;
    top: -54px;
    left: 0
}

.modal-sub-body.securitypassword .modal-footer,
.modal-sub-body.securitypassword .modal-footer .col-md-7,
.modal-sub-body.securitypassword .modal-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer,
.modal-sub-body.securitypassword .form-footer .col-md-7 {
    padding: 0 !important
}

    .modal-sub-body.securitypassword .modal-footer .col-xs-6,
    .modal-sub-body.securitypassword .modal-footer .col-md-7,
    .modal-sub-body.securitypassword .form-footer .col-xs-6,
    .modal-sub-body.securitypassword .form-footer .col-md-7 {
        width: 100%
    }

    .modal-sub-body.securitypassword .modal-footer .col-md-7,
    .modal-sub-body.securitypassword .form-footer .col-md-7 {
        margin: 0;
    }

        .modal-sub-body.securitypassword .form-footer .col-md-7 .form-group {
            text-align: left
        }

    .modal-sub-body.securitypassword .modal-footer .btn {
        width: 100%
    }

.modal-sub-body.securitypassword #deleteaccount .btn {
    background-image: unset !important;
    border-color: unset;
    background-color: #f02849 !important;
    color: #fff !important;
}

.modal-sub-body.securitypassword #deleteaccount .control-label {
    display: none
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 {
    position: relative;
    margin-top: 15px;
}

    .modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 .eye-icon {
        top: 12px;
    }

.modal-sub-body.securitypassword #twofactor .btn {
    background-image: unset !important;
    background-color: #3598fe !important;
}

.modal-sub-body.securitypassword .modal-text, .manual-entry-code {
    color: #000;
    font-size: 14px
}

#changepassform #NewPassword ~ .field-validation-valid,
#changepassform #NewPassword ~ .field-validation-error {
    margin-bottom: 15px;
}

.tfa-verification-code-block .input-group, #tfaConfirm > .input-group {
    display: block !important;
}

.manual-entry-code {
    font-size: 14px;
    font-weight: 900;
    padding: 10px;
    width: 100%;
    display: block;
    word-wrap: break-word;
}

.tfa-verification-code-block .input-group .form-control, #tfaConfirm .input-group .form-control {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    width: calc(100% - 88px) !important;
}

.modal-dialog#verifyPartial [class$=-verification-code-block] .btn-success, #tfaConfirm .btn-success {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/* ----------------------------------------------------------------------- changePasswordPopup --------------------------------------------------------------*/

#changePasswordPopup .modal-body {
    padding: 0 3.2rem 2.4rem;
}

    #changePasswordPopup .modal-body::before {
        content: '';
        display: block;
        width: 102px;
        height: 102px;
        margin: auto;
        background: url('../img/banners/lock.png');
    }

#changepassform .row .col-md-offset-5, #forgotpassform .col-md-push-2 {
    width: 100%;
    margin: 0;
    left: 0;
}

#changepassform #NewPassword ~ .field-validation-valid, #changepassform #NewPassword ~ .field-validation-error {
    margin-bottom: 15px;
}

/* ------------------------------- Partition ---------------------------------- */

.month-dropdown .unsettledButton .unsettled-item {
    pointer-events: none;
}

.month-dropdown {
    position: absolute;
    max-width: 230px;
    top: 52px;
    max-height: 350px;
    height: 100vh;
    width: 100vh;
    margin: 0;
    left: 14px;
    right: 100%;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    z-index: 3001;
}

    .month-dropdown .month-item,
    .month-dropdown .unsettledButton .unsettled-item {
        display: flex;
        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        color: #000;
        padding: 3px 12px;
        margin-bottom: 8px;
        cursor: pointer;
        list-style: none;
        align-items: center;
        transition: all .3s;
    }

        .month-dropdown .month-item.active,
        .month-dropdown .month-item:hover,
        .month-dropdown .unsettledButton .unsettled-item.active,
        .month-dropdown .unsettledButton .unsettled-item:hover {
            background-color: var(--brand-color);
            border: 1px solid var(--brand-color);
            color: #fff;
        }

    .month-dropdown .month-dropdown-footer {
        position: sticky;
        height: 40px;
        width: 100%;
        gap: 10px;
    }

    .month-dropdown .month-dropdown-list {
        max-height: 300px;
        overflow-x: hidden;
        max-width: none;
        overflow-y: scroll;
        width: 100%;
        position: relative;
        color: inherit;
        margin-top: 1px;
        background-clip: padding-box;
    }

.form-group {
    position: relative;
    width: 100%;
    height: 100%;
}

.btn.btn-success.apply-months,
.btn.btn-warning.clear-months {
    padding: 5px 15px !important;
    line-height: 15px;
    margin-top: 1px;
}

 .form-control.unsettled_Button {
    white-space: nowrap;
    padding: 8px 36px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background-color: var(--brand-color) !important;
    text-transform: uppercase;
    position: relative;
    color: #ffffff;
}

.form-control.unsettled_Button::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid white; 
}

.col-xs-4.checkwagers {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 10px;
}

.col-xs-4.checkwagers .form-group {
    margin: 0;
    width: fit-content;
}

#profilePopup .checkwagers .form-group>label:not(.unsettledRow>label) {
    display: none;
}

#profilePopup .col-xs-3, #profilePopup .responsible-gambling .switch {
    width: 140px;
    height: 28px;
    padding: 0;
}

#profilePopup .modal-dialog.modal--balance-history .modal-sub-body .col-xs-3 {
    width: 25%;
    height: auto;
    padding-right: 15px;
}

#profilePopup .modal-dialog.modal--balance-history .modal-sub-body .unsettledRow.col-xs-4 {
    width: 33.33333333%;
}

.checkbox-wrapper-34 {
    top: -10px;
    right: 0px;
    position: absolute;
    margin-top: 20% !important;
}

.checkbox-wrapper-34 .tgl {
    display: none;
}

.checkbox-wrapper-34 .tgl,
.checkbox-wrapper-34 .tgl:after,
.checkbox-wrapper-34 .tgl:before,
.checkbox-wrapper-34 .tgl *,
.checkbox-wrapper-34 .tgl *:after,
.checkbox-wrapper-34 .tgl *:before,
.checkbox-wrapper-34 .tgl + .tgl-btn {
    box-sizing: border-box;
}
.checkbox-wrapper-34 .tgl::selection,
.checkbox-wrapper-34 .tgl:after::selection,
.checkbox-wrapper-34 .tgl:before::selection,
.checkbox-wrapper-34 .tgl *::selection,
.checkbox-wrapper-34 .tgl *:after::selection,
.checkbox-wrapper-34 .tgl *:before::selection,
.checkbox-wrapper-34 .tgl + .tgl-btn::selection {
    background: none;
}
.checkbox-wrapper-34 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 65px;
    height: 20px;
    position: relative;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-top: 5px;
}

.checkbox-wrapper-34 .tgl + .tgl-btn:after,
.checkbox-wrapper-34 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 26%;
    height: 100%;
}

.checkbox-wrapper-34 .tgl + .tgl-btn:after {
    left: 0;
}

.checkbox-wrapper-34 .tgl + .tgl-btn:before {
    display: inline;
    position: absolute;
    top: 4px;
}

.checkbox-wrapper-34 .tgl:checked + .tgl-btn:after {
    left: 73.5%;
}

.checkbox-wrapper-34 .tgl-ios + .tgl-btn {
    background: #E1E5EB;
    border-radius: 20rem;
    padding: 2px;
    transition: all 0.4s ease;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.checkbox-wrapper-34 .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fff;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.checkbox-wrapper-34 .tgl-ios + .tgl-btn:before {
    content: "Excluded";
    left: 20px;
    font-size: 10px;
    color: #848ea1;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.checkbox-wrapper-34 .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
}

.checkbox-wrapper-34 .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.4em;
}

.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn {
    background: linear-gradient(to left, #ffffffbf 0%, var(--brand-color) 95%) !important;
}

.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active {
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
}  

.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.4em;
}

.checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:before {
    content: "Included";
    left:  6px;
    color: #ffffff;
    font-size: 10px;
}

 .unsettledRow.disabled {
    opacity: 0.5;
    pointer-events: none; 
}

#profilePopup .modal-history .modal-content .modal-sub-body .row > form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
    margin: 0 15px;
    width: calc(100% - 30px);
}

#profilePopup .modal-history .modal-content .modal-sub-body .row > form .form-group {
    margin-bottom: 0;
}

#profilePopup .modal-history .modal-content .modal-sub-body .row > form .transaction_seeDetails_btn {
    flex-basis: 100%;

}

#profilePopup .modal-history .modal-content .modal-sub-body .row > form > div:not(.transaction_seeDetails_btn) {
    box-shadow: 0 1px 6px rgb(255 255 255 / 16%), 0 3px 6px rgb(10 120 181);
    padding: 10px;
    border-radius: 10px;
    flex: 1;
}

#profilePopup .modal-history .transaction_seeDetails_btn .form-group {
    margin: 0 auto;
    display: flex;
    justify-content: end;
    width: 100%;
}

#profilePopup .modal-history .transaction_seeDetails_btn { 
    margin-left: auto;
}

#profilePopup .modal-history .transaction_seeDetails_btn button {
    height: fit-content;
}

#profilePopup .modal-history .modal-content .modal-sub-body .row {
    margin-bottom: 30px !important;
}

/* -------------------------------  Registration Popup Css  ----------------------------- */

#registrationPopup .modal-dialog {
    position: relative;
    max-width: 950px;
    display: block;
    width: auto;
    height: auto;
    margin: 40px auto;
    transition: width 200ms;
}

.modal-content {
    background-color: var(--white-color);
    border-radius: 12px;
}

#registrationPopup .modal-header,
#loginPopup .modal-header,
#forgotPasswordPopup .modal-header,
#changePasswordPopup .modal-header {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--background-color-10);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: none;
    overflow: hidden;
}

#gameModal .modal-header {
    background-color: var(--background-color-10);
}

.modal-title-text {
    padding: 2.4rem 1.6rem 1.6rem;
    min-height: 48px;
    line-height: 48px;
    color: var(--black-color);
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
    font-size: 2.4rem;
}

.modal-dialog .modal-content button.close {
    padding: 20px 0;
    position: absolute;
    top: -12px;
    right: 14px;
    line-height: 30px;
    font-size: 30px;
    outline: 0 !important;
    background-color: transparent !important;
    color: #808aa6;
    text-shadow: none;
    opacity: 1;
}

    .modal-dialog .modal-content button.close span {
        font-weight: 200;
    }

#registration-popup #register-container [class^="regsecion_"]:has(.checkbox),
#registration-popup #register-container .on-page-2 .regsecion_3,
#registration-popup #register-container .on-page-1 .regsecion_3:has(#province-form.hidden) {
    display: block !important;
}

#registration-popup #registration-form .regsecion_1:not(:has(.checkbox)),
#registration-popup #registration-form .regsecion_3,
#registration-popup #register-container .on-page-1 .regsecion_5,
#registration-popup #registration-form .regsecion_2,
#registration-popup #registration-form .regsecion_6,
.regsecion_2:has(#province-form:not(.hidden)) {
    display: flex !important;
    gap: 15px;
}

#registration-popup #registration-form .form-control,
#registration-popup #registration-form .select2-container--default .select2-selection--single{
    display: flex;
    align-items: center;
    height: 35px;
    border-radius: 5px;
}

#registration-popup #registration-form .select2-container--default .select2-selection--single{
    height: 31px;
}


#registration-popup #registration-form .form-group:not(.checkbox,:has(.hidden ), #province-form ),
#registration-popup #registration-form .form-group:has(.form-group.hidden),
#registration-popup #registration-form .form-group#province-form{
    margin-bottom: 0 !important;
}

#registration-popup #registration-form .form-group {
    position: relative;
    width: 100%;
}

#registration-popup #registration-form .select2-container--default .select2-selection--single .select2-selection__rendered,
#registration-popup #registration-form  .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 35px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: left;
    padding-left: 47px;
}

#registrationPopup .select2-selection--single{
    border: unset;
}

#registration-popup #registration-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: relative;
    width: 13px;
}

#registration-popup #registration-form [id$="-error"] {
    display: block;
    padding: 5px 0;
}

#registration-popup #registration-form label {
    margin-left: 0;
}

#registration-popup .button-container:has(.registration-block) {
    display: flex;
    height: 40px;
    width: 100%;
    flex-direction: row;
    margin-bottom: 15px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

#registration-popup .button-container:has(.registration-block):before,
 #registration-popup .button-container:has(.registration-block):after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 255, 200, .18), transparent);
    opacity: .9;
    border-radius: 2px;
    min-width: 30px;
}

#registration-popup .modal-header .logo-img,
#afterregistration-popup .modal-header .logo-img,
#registration-popup:has(.bonus-body) .logo-img,
#registration-popup #register-container-header .modal-title-text {
    display: none;
}

#registration-popup .button-container .registration-block.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: var(--brand-color);
}

#registration-popup .button-container .registration-block {
    color: var(--brand-color);
    position: relative;
}

    #registration-popup .button-container .registration-block.active button,
    #registration-popup .button-container .registration-block:hover button{
        color: var(--brand-color);
    }

    #registration-popup .button-container .registration-block button {
        background: transparent;
        border: unset;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: color .2s ease-out;
        justify-content: flex-start;
        color: var(--light-blue-color);
    }

#registration-popup #socialnetwork-form > .row > .col-xs-12.text-right:has(.js-back-button) {
    flex-direction: column;
}

    #registration-popup #socialnetwork-form > .row > .col-xs-12.text-right:has(.js-back-button) .col-md-6.mt20 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0;
    }

#registration-popup #registration-form:has(.form-group):not(:has(#hidden-for-social)) {
    max-height: 500px;
    min-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 5px;
}

#registration-popup #socialnetwork-form .col-xs-12.text-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

#registration-popup #socialnetwork-form .col-xs-12.text-right:has(> button){
    justify-content: space-between;
}

#socialnetwork-form .btn-success.active {
    width: auto;
}

#registration-popup #register-bonuses {
    background-color: #fff !important;
    animation: showBonuses .2s ease-in;
    display: flex;
    flex-direction: column;
    max-height: 754px;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    z-index: 1;
    border-radius: 0 32px 32px 0;
    margin: 24px 0;
    padding: 35px 25px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
    background: url(https://template9.dudebet.com/content/img/banners/reg-bonus-bg.png);
    background-size: cover;
    backdrop-filter: blur(20px);
}

#registration-popup.modal-dialog #register-bonuses:after {
    content: '';
    /* background-image: url(https://template9.dudebet.com/content/img/banners/reg-bonus-girl.png); */
    background-repeat: no-repeat;
    bottom: 0;
    height: 39.5rem;
    margin: 0;
    position: absolute;
    width: 42rem;
    background-size: cover;
    min-width: 8.8rem;
    z-index: 15;
    opacity: 0.8;
}

select[id$="_day"],
select[id$="_month"],
select[id$="_year"] {
    height: 42px;
    margin: 0 2px;
    padding: 0 10px 0 6px;
    border-radius: 12px;
    background-color: var(--background-color-10);
    border: 1px solid transparent;
    color: var(--grey-color) !important;
    flex: 1;
    outline: none;
    cursor: pointer;
}

.credentials {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .credentials .credential-item {
        width: 48%;
    }

.login-credential-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.copy-password {
    position: absolute;
    cursor: pointer;
    font-size: 18px;
    color: #1a426b;
    top: 50%;
    left: 85%;
}

.action-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .action-buttons button {
        width: 48%;
    }

#after-registration-popup #register-container-header {
    height: 60px;
}

#after-registration-popup #afterregistration-popup .modal-body {
    height: auto;
    padding: 20px;
}

#after-registration-popup #afterregistration-popup .modal-body .email-block {
    display: flex;
    margin-bottom: 20px;
    gap: 2%;
}

#after-registration-popup #afterregistration-popup .modal-body .email-block  #email-input{
    min-width: auto;
    max-width: auto;
}

#registration-popup #register-bonuses .bonus-body {
    font-family: Arial, sans-serif;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 16;
}

.bonus-body-inner__content-head .bonus-body-inner__content-title {
    font-size: 15px;
}

.bonus-body-row-information {
    display: block;
    position: sticky;
    top: 0;
    text-align: justify;
    text-transform: capitalize;
    border-bottom: 1px solid var(--brand-color);
    border-radius: 20px 20px 0 0;
    z-index: 5;
    transition: all .2s ease-out;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    padding: 10px 0;
    margin-bottom: 15px;
}

.bonus-body-list-item {
    background-color: var(--bonuses-background-color);
    border-radius: 12px;
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin-bottom: 16px;
    border: 2px solid transparent;
    gap: 5px;
}

.bonus-body-list-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.bonus-body-list-item-header-details__title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.bonus-body-list-item-header-img-wrapper__img {
    max-width: 65px;
    min-width: 65px;
    border-radius: 50%;
}

.bonus-body-list-item-inner-properties {
    display: flex;
    justify-content: space-between;
}

.bonus-body-list-item-inner-properties__item {
    margin: 10px 0;
}

.bonus-body-list-item-inner-properties__item-value,
.bonus-body-list-item-inner-properties__item-value-amount {
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
}

.bonus-body-list-item-inner-buttons {
    display: flex;
    gap: 10px;
}

.bonus-body-list-item-inner-buttons-info {
    border: none;
    padding: 5px 12px;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    color: var(--brand-color);
    border-radius: 8px;
    border-color: transparent;
    transition: all .2s ease-out;
    box-shadow: 0 0 1px rgb(255 88 35), 0 0 2px rgb(255 88 35), 0 4px 8px rgba(0, 0, 0, 0.04);
}

    .bonus-body-list-item-inner-buttons-info:hover,
    .bonus-body-list-item-inner-buttons-apply:hover,
    .bonus-body-list-item-inner-buttons-back:hover {
        background: var(--brand-color);
        color: #fff;
    }

.bonus-body-list-item-inner-buttons-apply {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    box-shadow: 0 0 1px rgb(255 88 35), 0 0 2px rgb(255 88 35), 0 4px 8px rgba(0, 0, 0, 0.04);
    border-radius: 8px !important;
    transition: all .2s ease-out;
}

.bonus-body-inner__content .bonus-body-list-item-inner-buttons-apply {
    margin: 10px 0;
}

#register-bonuses .registration-sub-nav {
    margin: 16px 0;
    display: flex;
    gap: 10px;
    margin-right: 2px;
}

.bonus-body-inner__tabs {
    white-space: nowrap;
    gap: 5px;
    position: relative;
    top: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid var(--brand-color);
    transition: border-radius .2s ease-out;
}

.bonus-body-list-item-inner-buttons-back {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: unset;
    color: var(--brand-color);
    border-radius: 8px;
    margin: 0 20px 0 2px;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 0 1px rgb(255 88 35), 0 0 2px rgb(255 88 35), 0 4px 8px rgba(0, 0, 0, 0.04);
}

.bonus-body-inner__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700;
    color: var(--white-color);
    position: relative;
    font-size: 18px;
    line-height: 24px;
    margin-right: 16px;
    height: 100%;
    cursor: pointer;
    transition: color .3s ease;
    white-space: nowrap;
    margin-bottom: 10px;
}

.bonus-body-inner__tab.active:before {
    /* content: ""; */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--brand-color);
}

.bonus-body-inner__tab.active, .bonus-body-inner__tab:hover {
    color: var(--brand-color);
}

#registration-popup #register-bonuses .bonus-body .bonus-body-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#registration-popup #register-bonuses .bonus-body:has(.registration-sub-nav) .bonus-body-list {
    max-height: 380px;
}

    #registration-popup #register-bonuses .bonus-body .bonus-body-list::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

.bonus-body-inner__tabs_nav {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    position: sticky;
}

.bonus-body-inner__content {
    padding: 20px 0;
    color: #fff;
}

.bonus-body-inner__content-head {
    display: flex;
    margin: 0 0 20px;
}

.bonus-body-inner__content-img {
    width: 92px;
    height: 92px;
    margin-right: 24px;
    flex-shrink: 0;
    object-fit: cover;
}

.bonus-body-inner__content-inner {
    margin: auto 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
}

.bonus-body-inner__content-properties {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 5px;
}

.bonus-body-inner__content-properties-row {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.bonus-body-inner__content-properties-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--brand-color);
}

    .bonus-body-inner__content-properties-col:nth-child(2) {
        text-align: right;
    }

    .bonus-body-inner__content-properties-col:first-child {
        font-weight: 700;
        color: var(--brand-color);
    }

.bonus-body-inner__content-properties-row:has(.bonus-body-row-bold) {
    display: block;
}

    .bonus-body-inner__content-properties-row:has(.bonus-body-row-bold) .bonus-body-inner__content-properties-col {
        text-align: left;
    }

#register-container {
    background-color: #fff !important;
    animation: showPanel .2s ease-in;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    max-height: 802px;
    max-width: 550px;
    width: 100%;
    padding: 0 25px 10px 25px;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06), 0 4px 8px rgba(0, 0, 0, 0.04);
}

.registration .form-group .row:has(select[name="month"]) {
    display: flex;
    justify-content: center;
    padding: 0 15px;
}

#registrationPopup .modal-dialog .modal-body .register-container {
    height: 100%;
    flex-direction: row-reverse;
    display: flex;
    position: relative;
    width: 100%;
}

#registrationPopup .modal-dialog .modal-content {
    border-radius: 12px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    padding: 0;
    box-shadow: unset;
    border: unset;
}

#registration-popup #register-container-header .modal-title-text,
#after-registration-popup #afterregistration-popup .modal-title-text {
    display: block;
    min-height: auto;
    border: unset;
    text-align: center;
    padding: 0 25px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 900;
    color: var(--brand-color);
}

#after-registration-popup #afterregistration-popup .modal-title-text {
    line-height: 48px;
}

#registrationPopup #register-container-header {
    width: 550px;
    border-top-right-radius: 32px;
    border-top-left-radius: 32px;
    background-color: #fff !important;
    display: flex;
    flex-direction: column-reverse;
    padding: 15px 0;
    border-bottom: unset;
}

#register-bonuses .registration-sub-nav li {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    margin: 3px;
    flex: 5;
    padding: 10px 20px;
    border: 2px solid var(--brand-color);
    color: #fff !important;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    transition: background .3s ease;
}

    #register-bonuses .registration-sub-nav li.active,
    #register-bonuses .registration-sub-nav li:hover {
        color: #fff !important;
        border-color: var(--brand-color) !important;
        background: var(--brand-color) !important;
    }

#registrationPopup #registration-popup .modal-content button.close,
#after-registration-popup #afterregistration-popup .modal-content button.close {
    border-radius: 50%;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 95px;
    font-size: 36px;
    width: 40px;
    z-index: 2;
    align-items: center;
    color: var(--brand-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: color, background-color .6s ease-out;
}

#registrationPopup .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
}

#after-registration-popup #afterregistration-popup .modal-content button.close {
    right: 10px;
    top: 5px;
}

    #registrationPopup #registration-popup .modal-content button.close:hover,
    #after-registration-popup #afterregistration-popup .modal-content button.close:hover {
        box-shadow: 0 4px 7px 0 rgba(0,0,0,.15);
        background-color: var(--brand-color) !important;
        color: #fff;
    }

#registrationPopup #registration-popup .modal-content button.close span,
#after-registration-popup #afterregistration-popup .modal-content button.close span {
    width: 20px;
    height: 30px;
    background: transparent !important;
}

#afterregistration-popup .msg--success {
    padding: 15px 0;
    color: var(--brand-color);
}

#afterregistration-popup #email-form {
    height: 120px;
}

.bonus-body-inner__content .games-box {
    overflow-x: scroll;
    width: 100%;
    overflow-y: hidden;
    margin: 20px 0;
}

body:not(.mobile) .bonus-body-inner__content .games-box .freespin-games,
body:not(.mobile) .bonus-body-inner__content .games-box .table--scrollable__tr {
    width: 100vh;
}

body:not(.mobile) .bonus-body-inner__content:not(#register-bonuses .bonus-body-inner__content) .games-box .product-name {
    max-width: 50px;
}

#registration-form select[id$="_day"], #registration-form select[id$="_month"], #registration-form select[id$="_year"] {
    height: 35px;
    background-color: #ffffff;
}

#registration-form .col-md-6.mt20 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    gap: 15px;
}

#registration-form .col-md-6.mt20:has(> .js-next-button:only-child) {
    justify-content: flex-end;
}

#registration-form .captcha-loader img {
    height: 35px;
    width: 140px;
}

#registration-form .btn--reload--captcha {
    width: 50px;
}

#registration-form .col-xs-4.captcha-loader {
    border-radius: 9px;
}

#registration-form .col-xs-6.wrapper_input--captcha {
    width: calc(100% - 224px);
    padding: 0 15px;
}

#registration-form .col-md-6.mt20 button {
    border-radius: 9px !important;
}

.divider {
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    box-sizing:border-box;
    justify-content:center;
    padding: 18px 0;
}

.divider-line{
    flex:1 1 auto;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(200,255,200,.18), transparent);
    opacity:.9;
    border-radius:2px;
    min-width: 30px;
}

.divider-text{
    display:inline-block;
    padding:6px 16px;
    border-radius:20px;
    color: var(--brand-color);
    font-weight:600;
    font-size:13px;
    letter-spacing:0.06em;
    border: 1px solid var(--brand-color);
    box-shadow: 0 2px 8px rgba(47,200,120, .04) inset;
    text-transform: lowercase;
}

.divider.fancy .divider-line{
    height:2px;
    background: linear-gradient(90deg, rgba(47,200,120,0) 0%, var(--brand-color) 30%, var(--brand-color) 70%, rgba(47,200,120,0) 100%);
    box-shadow: 0 0 10px rgba(47,200,120,0.07);
}

#register-bonuses .games-box {
    color: #fff;
}

#register-bonuses .bonus-body-fixed-header,
#register-bonuses .fixed-freespin-header
.mobile .bonus-body-fixed-header,
.mobile .fixed-transaction-block-head,
.mobile .bonus-col-title-wrapper.fixed-bonus-header,
.mobile .fixed-freespin-header {
    display: none;
}

#register-bonuses .bonus-body-row-title {
    position: relative;
    border: 1px solid var(--brand-color);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    margin-right: 5px;
    height: auto;
}

#register-bonuses [class*=player-bonus-type] .bonus-body-row-title .bonus-body-row-header,
#register-bonuses [class*=player-bonus-type] .bonus-body-row-title .bonus-body-row-main {
    width: 100%;
    display: flex;
    align-items: start;
    row-gap: 5px;
    padding: 0;
    background-color: #2a2a2a;
    color: #ffffff;
    flex-direction: column;
    border: unset;
    margin: 0;
}

    #register-bonuses [class*=player-bonus-type] .bonus-body-row-title .bonus-body-row-main .bonus-checkbox-wrapper {
        text-align: right !important;
        width: 100%;
    }

.mobile .freespin-games,
#register-bonuses .freespin-games {
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    border-top: 2px solid var(--brand-color);
    border-bottom: 2px solid var(--brand-color);
}

    .mobile .freespin-games .table--scrollable__tr,
    #register-bonuses .freespin-games .table--scrollable__tr {
        position: relative;
        display: flex;
        width: 100%;
        min-width: unset !important;
        background-color: transparent;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 !important;
    }

        .mobile .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles,
        #register-bonuses .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
            color: #000;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            box-shadow:0 0 1px rgb(255 88 35), 0 0 2px rgb(255 88 35), 0 4px 8px rgba(0, 0, 0, 0.04);
        }

    .mobile .freespin-games > .freespin-games-main:not(.freespin-game),
    #register-bonuses .freespin-games > .freespin-games-main:not(.freespin-game) {
        position: relative;
        display: flex !important;
        width: 100%;
        min-width: auto !important;
        background-color: transparent;
        align-items: flex-start;
        flex: unset;
        margin: 0 !important;
        justify-content: space-between;
        font-size: 12px;
    }

#register-bonuses .games-box .freespin-gamescontainer {
    min-width: auto !important;
}

#register-bonuses .modal-sub-body {
    overflow-x: hidden !important;
}

.mobile .freespin-games .no-wrap.table--scrollable__th,
#register-bonuses .freespin-games .no-wrap.table--scrollable__th {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px 0;
    color: #fff;
}
#registration-popup #registration-form::-webkit-scrollbar,
.bonus-body-inner__content-properties::-webkit-scrollbar {
    width: 3px;
}
#registration-popup #registration-form::-webkit-scrollbar-thumb,
.bonus-body-inner__content-properties::-webkit-scrollbar-thumb {
    background-color: #ff5823;
}

.mobile .freespin-games > .freespin-games-main:not(.freespin-game) .Item,
#register-bonuses .freespin-games > .freespin-games-main:not(.freespin-game) .Item {
    justify-content: space-between;
    min-height: unset !important;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.freespin-game, .no-wrap.table--scrollable__th.games-info-titles {
    flex: 2;
}

.freespin-game .Item .product-name, .player-bonus-type-1 .games-info-titles .name, .games-info-titles .table--scrollable__th.name {
    max-width: 100px;
    min-width: 50px;
    text-align: left;
    color: var(--brand-color);
}

.freespin-game .Item .product-vendore-img, .games-info-titles .brand {
    min-width: 40px;
    max-width: 40px;
}

#register-bonuses .freespin-game .Item>*, #register-bonuses .games-info-titles .table--scrollable__th {
    margin: 0 10px !important;
}

.mobile [class*='player-bonus-type'] .bonus-body-row-title div,
#register-bonuses [class*='player-bonus-type'] .bonus-body-row-title div {
    text-align: left !important
}

.mobile .bonus-body-inner__content .games-box,
#register-bonuses .bonus-body-inner__content .games-box {
    overflow-x: hidden;
    max-width: 100%;
    margin: 15px 0;
}

#register-bonuses .freespin-games .table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px;
    color: #fff;
}

#register-bonuses .games-info-titles .game,
#register-bonuses .freespin-games .Item img:not(.product-vendore-img) {
    max-width: 60px;
    min-width: 60px;
}

#registration-popup #registration-form i.eye-icon {
    top: 25%;
}

#after-registration-popup #register-container-header {
    padding: 0;
}

#socialnetwork-form {
    margin-top: 15px;
}

.social-network {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    margin: 0;
}

    .social-network a,
    .social-network button {
        flex-shrink: 0;
        height: 35px;
        width: 35px;
        align-items: center;
        background: #0a78b5ab;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: center;
        transition: all .3s;
        border: unset;
    }

#socialnetwork-form button img {
    width: 20px;
    height: 20px;
}

.social-network a:hover,
.social-network button:hover {
    background: var(--brand-color);
    opacity: 1 !important;
}

#registration-popup #register-bonuses:not(:has(.bonus-body)) {
    display: none;
}

#registration-popup .modal-body:not(:has(.bonus-body)) {
    background-color: #fff !important;
    flex-direction: column;
    max-width: 550px;
    width: 100%;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
    max-height: 700px;
    min-height: 700px;
    padding: 0;
    gap: 0;
}

#registration-popup .modal-content:not(:has(.bonus-body)) {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

    #registration-popup .modal-content:not(:has(.bonus-body)) #register-container-header {
        height: 50px;
    }

#registrationPopup:not(#after-registration-popup) #registration-popup .modal-content:not(:has(.bonus-body)) #register-container-header button.close {
    background-color: transparent !important;
    top: 10px;
}

#registration-popup .modal-body:not(:has(.bonus-body)) #register-container {
    width: 100%;
    max-width: 550px;
    border-radius: 0;
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 25px;
    overflow: visible;
    background: transparent;
}

    #registration-popup .modal-body:not(:has(.bonus-body)) #register-container #registration-form {
        max-height: unset;
        min-height: unset;
        overflow: hidden;
    }

#city_form {
    position: relative;
}

.col-xs-7.text-left.forgot-password {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-options-container .form-group {
    margin-bottom: 10px
}

.logon-to-registration {
    width: 100%;
    margin-top: 15px
}

.logon-to-registration .logon-to-registration_text {
    font-weight: 500
}

.logon-to-registration .logon-to-registration_button {
    font-weight: 900;
}

.logon-to-registration .btn-sign-up {
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px
}

.row.registration-to-logon-row {
    align-items: center;
    background: #fff !important;
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: center;
    padding: 15px 0;
    position: relative;
    z-index: 1;
    margin: 0;
    width: 550px;
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

    .row.registration-to-logon-row .registration-to-logon {
        line-height: 18px;
        text-align: center;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 10px;
    }

    .row.registration-to-logon-row .registration-to-logon_text {
       font-weight: 700;
    }

    .row.registration-to-logon-row .registration-to-logon_button {
        font-weight: 900;
        color: var(--brand-color);
    }

#send-email-btn {
    border-radius: 50px;
    text-transform: capitalize;
    background: var(--brand-color);
    color: #fff;
}

.Information-block {
    padding: 15px 0;
    color: var(--brand-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.REALITY_CHECK .control-label,
#registrationPopup .control-label:not(.checkboxes), #loginPopup .control-label,
#changePasswordPopup .control-label, #forgotPasswordPopup .control-label {
    font-size: 0;
    position: relative;
}

#registrationPopup .modal-body {
    padding: 0.8rem 6.4rem 2.4rem
}

.btn-success:not(.verification .btn), .btn-warning {
    width: 100%;
}

.captcha-loader img, .captcha_block img {
    height: 48px;
    border-radius: 12px;
}

.captcha-refresh {
    color: var(--black-color);
    cursor: pointer;
    font-size: 22px;
}

.captcha-loader ~ .col-xs-2, #forgotpassform .col-xs-2, #forgotpassform .col-sm-2 {
    margin-top: 8px;
    font-size: 20px;
}

#registration-form label[for^=DateOfBirth] ~ .row {
    display: flex;
    padding-right: 15px;
    padding-left: 55px;
}

#registration-form #date_day, #registration-form #date_month, #registration-form #date_year {
    height: 35px;
    margin: 0 2px;
    padding: 0 10px 0 6px;
    border-radius: 12px;
    background-color: var(--background-color2);
    border: 1px solid transparent;
    color: var(--grey-color) !important;
    flex: 1;
    outline: none;
    cursor: pointer;
}

#registration-form #date_day {
    padding-left: 40px;
    flex: .5;
}

.bonus-checkbox-wrapper, .bonus-body-row-header > div:nth-child(1) {
    width: 80px;
    flex: unset !important;
    overflow: visible !important;
}

.player-bonus-type-registration {
    margin-bottom: 15px;
}

/* -------------------------------------------------------------------------- eye-icon-------------------------------------------------------------------------*/
.password-group, .password_input, #changepassform .form-group {
    display: block;
    position: relative;
}

.eye-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/content/img/icons/eye-dark.svg");
    background-repeat: no-repeat;
    background-position: center !important;
    position: absolute;
    left: auto;
    right: 10px !important;
    top: 30%;
    opacity: 0.5;
    cursor: pointer;
}

#changepassform .eye-icon {
    top: 36px;
}

#loginPopup .eye-icon {
    top: 44%;
}

#loginPopup .form-control.input-validation-error ~ .eye-icon {
    top: 35%;
}

.eye-icon.active {
    background-size: 17px;
    background-image: url("/content/img/icons/eye-open-dark.svg");
}
/* -------------------------------------------------------------------------- Right Panel -------------------------------------------------------------------------*/

/* .sections-trigger{
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
} */

.sections-trigger i {
    font-size: 24px;
}

.Widget--banner.secondary {
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.Wrapper--Header--right-panel, .Wrapper--Header--left-panel {
    width: 30.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0px;
    right: -100%;
    top: 0px;
    z-index: 999;
    transition: right 0.3s ease 0s;
    background-color: var(--white-color);
}

.Wrapper--Header--Right.open .Wrapper--Header--right-panel {
    right: 0;
}

.Wrapper--Header--right-panel > .Container__Item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.Wrapper--Header--right-panel .Content--right--panel {
    margin-left: 1rem;
    padding: 3.2rem 0px 8.2rem 1.6rem;
    border-bottom-left-radius: 3rem;
    background: url(../img/banners/right-panel-image.webp);
    background-size: cover;
    color: var(--white-color);
    background-position-x: 64%;
}

body:not(.LoggedIn) .Wrapper--Header--right-panel .user-controls--right--panel {
    position: absolute;
    top: 146px;
    left: 24px;
}

.page--group--right--panel {
    overflow: auto;
}

.Wrapper--Header--right-panel .burger-expander-open {
    height: 32px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 8px;
    cursor: pointer;
    z-index: 8;
}

.Wrapper--Header--right-panel .Button--sign-up, .Wrapper--Header--right-panel .Button--sign-in, body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:first-child,
.Wrapper--Header--left-panel .Button--sign-up, .Wrapper--Header--left-panel .Button--sign-in, body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:first-child,
.Container--GamePage .game-page .game-container .btn-real-game {
    height: 4rem;
}

.Wrapper--Header--right-panel .Sections {
    padding: 0 1.6rem;
}

.page--group--right--panel .Sections li a, body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) a {
    display: flex;
    align-items: center;
    height: 5.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    z-index: 5;
}

.language--right--panel {
    margin-top: auto;
    padding: 0 1.6rem 2.4rem;
}

.Wrapper--Header--right-panel .terms-and-conditions a,
.Wrapper--Header--right-panel .about-us a,
body.mobile .Wrapper--Header--right-panel .Sections li:nth-last-child(-n+2) a {
    height: auto !important;
    margin-bottom: 1.6rem;
    color: #808aa6 !important;
    font-size: 1.2rem !important;
    font-weight: 600;
}

.Wrapper--Header--right-panel .terms-and-conditions a, body.mobile .Wrapper--Header--right-panel .Sections li:nth-last-child(2) a {
    padding-top: 2.4rem;
}

body:not(.mobile) .Wrapper--Header--right-panel .Sections li:not(.terms-and-conditions, .about-us, #PlayerSignOut, .loyalty-program),
body.LoggedIn .Menu--user ul li:nth-child(5) a, body.LoggedIn .Menu--user ul li:nth-child(6) a,
body.mobile .Wrapper--Header--right-panel .Sections li:not(:nth-last-child(-n+3)),
body:not(.mobile).LoggedIn .Wrapper--Header--right-panel .Sections li.loyalty-program {
    border-bottom: 0.1rem solid #e4e5eb;
    width: 100%;
}

.burger-expander-open i:before {
    display: none;
}

.burger-expander-open > div {
    font-size: 30px;
    color: var(--white-color);
}

    .burger-expander-open > div > div:before {
        content: "";
        display: block;
    }

    .burger-expander-open > div > div, .burger-expander-open > div > div:before {
        width: 18px;
        height: 2px;
        background-color: var(--white-color);
    }

        .burger-expander-open > div > div:before {
            top: 4px;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }

    .burger-expander-open > div > div {
        top: 4px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

.Header--primary__Panel--user .Backdrop, .overflow-dots .backdrop {
    position: fixed;
    background-color: var(--backdrop-color);
    z-index: 7;
    width: 100vw;
    height: 100vh;
    user-select: none;
    display: none;
    touch-action: none;
    top: 0;
    left: 0;
}

.Wrapper--Header--right-panel .Sections li a,
.language--right--panel, body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) a {
    margin-left: 200px;
    transition: all .7s;
    font-family: "Open Sans", sans-serif;
}

.Wrapper--Header--Right.open .Wrapper--Header--right-panel .Sections li a, .Wrapper--Header--Right.open .language--right--panel {
    margin-left: 0;
}

body.mobile .Wrapper--Header--Right .Wrapper--Header--right-panel .Sections li a i,
body:not(.mobile) .Wrapper--Header--Right .Wrapper--Header--right-panel .Sections li:before,
body:not(.mobile).LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) i {
    font-size: 24px;
    color: #06d;
    margin-right: .8rem;
}

body:not(.mobile) .Wrapper--Header--Right .Wrapper--Header--right-panel .Sections li a i {
    display: none;
}

body:not(.mobile) .Wrapper--Header--right-panel .Sections li#PlayerMyProfile:before, body:not(.mobile) .Wrapper--Header--right-panel .Sections li#PlayerPromotions:before,
body:not(.mobile) .Wrapper--Header--right-panel .Sections li#PlayerSignOut:before {
    content: '\f007';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    top: 11px;
}

body:not(.mobile) .Wrapper--Header--right-panel .Sections li#PlayerPromotions:before {
    content: '\f06b';
}

body:not(.mobile) .Wrapper--Header--right-panel .Sections li#PlayerSignOut:before {
    content: '\f2f5';
}

body:not(.mobile) .Wrapper--Header--Right .Wrapper--Header--right-panel .Sections li:not(.terms-and-conditions, .about-us):before,
body:not(.mobile).LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) i {
    position: absolute;
    top: 16px;
    left: 0;
}

body:not(.mobile) .Wrapper--Header--Right .Wrapper--Header--right-panel .Sections li:not(.terms-and-conditions, .about-us),
body:not(.mobile).LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) {
    padding-left: 32px;
}

    body:not(.mobile).LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) a {
        position: relative;
    }

    body:not(.mobile).LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) i {
        left: -32px;
    }

body:not(.mobile).LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 6):after {
    right: 32px;
}
/* -------------------------------------------------------------------------- LoggedIn -------------------------------------------------------------------------*/

.Wrapper--Header--right-panel .Balance--user,
.Wrapper--Header--left-panel .Balance--user,
body.LoggedIn.mobile .Wrapper--Header--right-panel .user-controls--right--panel {
    padding-top: 16px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/right-panel-signedIn-img.webp);
    background-size: cover;
    color: var(--white-color);
    position: relative;
    background-position: 50%;
    background-size: cover;
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 7) {
    width: 100%;
    margin: 0;
    position: absolute;
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 5) a {
    width: calc(100% - 3.2rem);
    margin: 0 1.6rem;
}

body:not(.mobile) .Wrapper--Header--right-panel .Sections li:not(.terms-and-conditions, .about-us),
body.mobile .Wrapper--Header--right-panel .Sections li:not(:nth-last-child(-n+2)) {
    position: relative;
}

    body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(n + 6):after,
    body:not(.mobile) .Wrapper--Header--right-panel .Sections li:not(.terms-and-conditions, .about-us):after,
    body.mobile .Wrapper--Header--right-panel .Sections li:not(:nth-last-child(-n+2)):after,
    #profilePopup .modal-content .modal-body .profile-sub-nav li:after {
        content: '\f105';
        font-family: "Line Awesome Free";
        font-weight: 900;
        position: absolute;
        color: rgb(128, 138, 166);
        z-index: 5;
        right: 16px;
        top: 18px;
    }

.Wrapper--Header--right-panel .Sections li:not(.terms-and-conditions, .about-us):after {
    right: 0;
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(5), body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(6) {
    background-color: #f1f4fc;
}

/* body.LoggedIn .page--group--right--panel .Sections{
    margin-top: -10px;
} */

body.LoggedIn .Menu--user ul li:nth-child(6) {
    bottom: -112px;
}

body.LoggedIn .Menu--user ul li:nth-child(7) {
    bottom: -408px;
}

body.LoggedIn .Menu--user ul li:nth-child(8) {
    bottom: -456px;
}

body.LoggedIn .page--group--right--panel .Sections li.terms-and-conditions {
    margin-top: 114px;
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:first-child i, body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:first-child i {
    display: none;
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:first-child a, body.LoggedIn .Wrapper--Header--Right .Button--messages,
body.LoggedIn .Wrapper--Header--Right .Button--Balance, .Wrapper--Header--Left .Menu--user ul li:first-child a,
.Wrapper--Header--Left .Button--messages, .Wrapper--Header--Left .Button--Balance {
    color: var(--white-color);
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:first-child, body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:first-child {
    padding: 0 !important;
    background-color: #65b812;
    position: absolute;
    right: 16px;
    top: 88px;
}

    body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:first-child a,
    body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:first-child a {
        padding: 0 2.4rem;
    }

body.LoggedIn .Wrapper--Header--Right .Button--messages {
    position: absolute;
    z-index: 5;
    right: 57px;
    font-size: 2.4rem;
    top: 7px;
}

body.LoggedIn #menu_balance_wrapper div:not(.balance-group, .balance-total) {
    display: flex;
    padding-bottom: 0.8rem;
    justify-content: space-between;
    color: #abacbc;
    font-size: 1.2rem;
    font-weight: 600;
    gap: 5px;
}

body.LoggedIn #menu_balance_wrapper div span:nth-child(2) span {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.LoggedIn .Wrapper--Header--Right .Menu--user ul li:nth-child(-1n + 4),
body.LoggedIn .Wrapper--Header--Right .Button--Balance,
body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:nth-child(-1n + 4),
body.LoggedIn .Wrapper--Header--Left .Button--Balance,
body.LoggedIn.mobile .Wrapper--Header--Right .user-controls--right--panel > div:nth-child(2) {
    padding: 0 16px;
}

body.LoggedIn .Wrapper--Header--Right #menu_balance_wrapper,
body.LoggedIn .Wrapper--Header--Left #menu_balance_wrapper {
    padding: 76px 16px 16px;
    border-top: 0.1rem solid rgba(128, 138, 166, .5);
}

body.LoggedIn .Wrapper--Header--Right .Button--Balance,
body.LoggedIn .Wrapper--Header--Left .Button--Balance,
body.LoggedIn.mobile .Wrapper--Header--Right .user-controls--right--panel > div:nth-child(2) {
    position: absolute;
    top: 94px;
}

body.LoggedIn .Register_container #menu_balance_wrapper div:not(.balance-group, .balance-total) {
    color: black;
}

body.LoggedIn .Register_container #menu_balance_wrapper div span:nth-child(2) span {
    color: #65b812;
}

body.LoggedIn .Register_container #withdrawableBalance span:nth-child(1),
body.LoggedIn .Register_container #totalBonus span:nth-child(1) {
    width: 80px;
    white-space: nowrap;
}

body.LoggedIn .Register_container #totalBonus span:nth-child(2),
body.LoggedIn .Register_container #withdrawableBalance span:nth-child(2) {
    text-align: left;
}

body.LoggedIn .Register_container li::marker, .Wrapper--Header--Left li::marker {
    content: '';
}

body.LoggedIn .Register_container #menu_balance_wrapper {
    min-width: 200px;
    background: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
    left: 0;
    margin-top: .5rem;
    padding: .8rem 1.6rem;
    position: absolute;
    top: 100%;
    display: none;
}

body.LoggedIn .Register_container .Balance--user.openBalance ~ #menu_balance_wrapper {
    display: block;
}

body.LoggedIn .Register_container #menu_balance_wrapper > div {
    height: 4rem;
    line-height: 4rem;
    padding: 0 1rem;
}

    body.LoggedIn .Register_container #menu_balance_wrapper > div:not(:first-child) {
        border-top: .1rem solid #e4e5eb;
    }

.Register_container .Balance--user {
    min-width: 200px;
    position: relative;
    display: flex;
    gap: 8px;
}

    .Register_container .Balance--user .Button--Balance ~ .Menu--user {
        padding: 0 1.6rem 0 1.6rem !important;
        cursor: default !important;
    }

        .Register_container .Balance--user .Button--Balance ~ .Menu--user li {
            font-weight: 700;
        }

    .Register_container .Balance--user .Button--Balance, .Register_container .Balance--user .Button--Balance ~ .Menu--user,
    .mobile .Header--primary__Panel--user .Register_container > div:nth-of-type(1) {
        display: block;
        padding: 0 0rem 0 1.6rem;
        height: 48px;
        line-height: 48px;
        color: var(--black-color);
        background: var(--background-color2);
        border-radius: 3rem;
        transition: background-color 0.3s ease 0s;
        cursor: pointer;
    }

        .Register_container .Balance--user .Button--Balance i {
            display: none;
        }

        .Register_container .Balance--user .Button--Balance:hover,
        .Register_container > .Button--messages:hover ~ #PlayerSignOut:after,
        .Register_container > #PlayerPromotions:hover ~ #PlayerSignOut:after,
        .Register_container > #PlayerMyProfile:hover ~ #PlayerSignOut:after,
        .Register_container > #PlayerSignOut:hover:after {
            box-shadow: rgba(75, 74, 120, 0.11) 0px 1rem 1.6rem;
            background: rgb(255, 255, 255);
        }

body.LoggedIn .Register_container .Button--deposit {
    height: 4rem;
    position: absolute;
    right: 315px;
    top: 4px;
}

.Register_container .Balance--user .Button--Balance,
.Register_container .Balance--user .Button--Balance ~ .Menu--user {
    width: auto;
}

.Register_container .Balance--user .Button--Balance {
    min-width: 250px;
}

.js-deposit-submit, body.LoggedIn .Register_container .Button--deposit {
    background-color: #65b812;
}

    body.LoggedIn .Register_container .Button--deposit:hover, .btn.js-deposit-submit:hover {
        background-color: #73ca1c !important;
        box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
    }

#menu-button-balance span {
    font-weight: 700;
}

.menu-button-balance-amnt {
    padding-right: 130px;
}

body.LoggedIn .Register_container .menu-button-balance-amnt:after {
    content: '\f107';
    font-family: line awesome free;
    font-size: 12px;
    font-weight: 900;
    margin-left: 4px;
    pointer-events: none;
    position: absolute;
    transition: all .2s;
}

.Balance--user.openBalance .menu-button-balance-amnt:after {
    transform: rotate(180deg);
}

.Register_container .Button--messages i, .Register_container #PlayerSignOut i, .Register_container #PlayerPromotions i,
.Register_container #PlayerMyProfile i,
.Wrapper--Header--Left .Button--messages i, .Wrapper--Header--Left #PlayerSignOut i, .Wrapper--Header--Left #PlayerPromotions i,
.Wrapper--Header--Left #PlayerMyProfile i {
    font-size: 24px;
    color: var(--black-color);
    position: relative;
}

.Register_container > .Button--messages, .Register_container > #PlayerPromotions,
.Register_container > #PlayerMyProfile, .Register_container > #PlayerSignOut,
.Wrapper--Header--Left .Button--messages, .Wrapper--Header--Left #PlayerPromotions,
.Wrapper--Header--Left #PlayerMyProfile, .Wrapper--Header--Left #PlayerSignOut {
    height: 4.8rem;
    padding: 0 12px;
    line-height: 50px;
}

.Register_container > #PlayerMyProfile {
    margin-left: 8px;
}

.Register_container > #PlayerSignOut {
    padding-right: 16px;
}

    .Register_container > #PlayerSignOut:after {
        content: '';
        display: block;
        width: 198px;
        height: 48px;
        border-radius: 3rem;
        background-color: rgb(247, 248, 249);
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        transition: background-color 0.3s ease 0s;
    }

#PlayerPromotions i:before {
    content: '\f06b';
}

.Register_container .Button--messages i:before, .Register_container #PlayerSignOut i:before,
.Register_container #PlayerPromotions i:before, .Register_container #PlayerMyProfile i:before,
.la-envelope:before {
    transition: all .3s;
}

.Register_container .Button--messages i:hover:before, .Register_container #PlayerSignOut i:hover:before,
.Register_container #PlayerPromotions i:hover:before, .Register_container #PlayerMyProfile i:hover:before {
    color: var(--light-blue-color2);
}

.msg--count {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0 .5rem;
    display: flex;
    justify-content: center;
    position: absolute;
    right: -0.4rem;
    top: -0.4rem;
    align-items: center;
    background: #ff5823;
    border-radius: 1.3rem;
    color: var(--white-color);
    font-size: .8rem;
    font-weight: 700;
}

/* -------------------------------------------------------------------------- Banners -------------------------------------------------------------------------*/

body:not(.LoggedIn) .Main .article-cards .swiper-slide:not(.first) {
    display: none;
}

.Container--full .Main, .padding-top {
    padding-top: 80px;
}

.Main .swiper-slide, .welcome_bonus_banner .Item {
    position: relative;
}

    .Main .swiper-slide.swiper-slide-active {
        z-index: 5;
    }

body:not(.LoggedIn) .Main .swiper-slide img {
    width: 100%;
    height: 50.8rem !important;
    object-fit: cover;
}

.Main .swiper-container {
    height: 50.8rem !important;
}

body:not(.LoggedIn) .Main .swiper-slide:before, body:not(.LoggedIn) .Main .swiper-slide:after,
.welcome_bonus_banner .Item:before, .welcome_bonus_banner .Item:after {
    content: '';
    display: block;
    height: 100%;
    width: 508px;
    background: url(../img/banners/1_left_char.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -67%;
}

body:not(.LoggedIn) .Main .swiper-slide:after, .welcome_bonus_banner .Item:after {
    background: url(../img/banners/1_right_char.png) no-repeat;
    background-size: contain;
    left: 137%;
    top: 0;
}

body:not(.LoggedIn) .Main .swiper-slide.second:before {
    background: url(../img/banners/2_left_char.png) no-repeat;
    background-size: contain;
}

body:not(.LoggedIn) .Main .swiper-slide.second:after {
    background: url(../img/banners/2_right_char.png) no-repeat;
    background-size: contain;
}

body:not(.LoggedIn) .Main .swiper-slide.third:before {
    background: url(../img/banners/3_left_char.png) no-repeat;
    background-size: contain;
}

body:not(.LoggedIn) .Main .swiper-slide.third:after {
    background: url(../img/banners/3_right_char.png) no-repeat;
    background-size: contain;
}

body:not(.LoggedIn) .Main .swiper-slide.fourth:before {
    background: url(../img/banners/4_left_char.png) no-repeat;
    background-size: cover;
}

body:not(.LoggedIn) .Main .swiper-slide.fourth:after {
    background: url(../img/banners/4_right_char.png) no-repeat;
    background-size: cover;
}

body:not(.LoggedIn) .Main .swiper-wrapper img {
    min-width: 100vw;
}

body:not(.LoggedIn) .Main .swiper-slide.swiper-slide-active:before, body:not(.LoggedIn) .Main .swiper-slide.swiper-slide-active:after {
    transition: all .6s ease-in-out;
    right: 65%;
}

body:not(.LoggedIn) .Main .swiper-slide.swiper-slide-active:after {
    left: 65%;
    background-position: right;
}

.Main .swiper-wrapper .front > a:after {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    background: linear-gradient(transparent 0px, rgba(27, 32, 79, 0.44));
    position: absolute;
    z-index: 5;
    top: 0;
}

.Main .swiper-container .swiper-pagination-bullets, .game_categories_two .swiper-pagination-bullets {
    width: 100%;
    position: absolute;
    bottom: 120px;
    left: 0;
    z-index: 9;
    text-align: center;
    background: transparent;
    opacity: 1;
}

    .Main .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        background: rgb(27, 32, 79);
    }

    .Main .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background: rgb(37, 134, 248) !important;
        opacity: 1 !important;
    }

.Main .swiper-slide .back {
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .Main .swiper-slide .back .content {
        width: 100%;
        margin: 0;
        color: var(--white-color);
        text-align: center;
        font-size: 1.4rem;
        font-weight: 600;
        text-shadow: 0 1rem 1.6rem rgba(75,74,120,.11);
        text-transform: uppercase;
        opacity: 0;
        transition: margin .6s, opacity .6s ease;
    }

.Main .swiper-slide-active .back .content {
    margin-top: -2rem;
    opacity: 01;
}

.Main .swiper-slide .back .content p:nth-child(1) {
    letter-spacing: .92em;
}

.Main .swiper-slide .back .content p:nth-child(2) {
    font-size: 5rem;
    line-height: 7.2rem;
    text-shadow: 0 0 0.5rem #000;
    margin: 0;
    overflow: hidden;
    transition: max-height .8s;
    max-height: 0;
}

.Main .swiper-slide-active .back .content p:nth-child(2),
.Main .swiper-slide-active .back .content p:nth-child(2) {
    max-height: 14.4rem;
}

.Main .swiper-slide .read-more {
    height: 6rem;
    margin: auto;
    padding: 0 5.6rem;
    font-size: 1.6rem;
    position: relative;
    top: 6rem;
    transition: top .6s, opacity .6s;
    opacity: 0;
}

.Main .swiper-slide-active .read-more {
    top: 2rem;
    opacity: 1;
}

.Main .swiper-slide-active .close-info, .Main .swiper-slide .card-date, .Main .swiper-slide .card-info {
    display: none;
}
/* -------------------------------------------------------------------------- Banners icons-------------------------------------------------------------------------*/

.Wrapper--Banners-icons, .Wrapper--Banners-icons #contentText > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .Wrapper--Banners-icons #contentText p {
        margin: 0;
    }

.Container--full.Banners-icons {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.Wrapper--Banners-icons {
    width: 100%;
    max-width: 130rem;
    padding: 0px 2rem;
    font-size: 1.1rem;
    color: var(--white-color);
    position: absolute;
    bottom: 5.6rem;
    z-index: 6;
}

    .Wrapper--Banners-icons #contentText:nth-child(1) {
        flex: .1;
    }

    .Wrapper--Banners-icons > .Container__Item {
        flex: .5;
    }

    .Wrapper--Banners-icons #contentText:nth-child(3) {
        flex: 1.1;
    }

    .Wrapper--Banners-icons #contentText:nth-child(1) p {
        font-weight: 600;
    }

    .Wrapper--Banners-icons #contentText:nth-child(3) p {
        max-width: 19.2rem;
        display: flex;
        font-weight: 600;
    }

        .Wrapper--Banners-icons #contentText:nth-child(3) p::before {
            content: '\f00c';
            display: block;
            width: 1.6rem;
            height: 1.6rem;
            margin-right: 0.8rem;
            font-family: 'Line Awesome Free';
            font-weight: bold;
        }
/* -------------------------------------------------------------------------- Banners LoggedIn-------------------------------------------------------------------------*/

.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
    flex: 1;
    display: flex;
    position: relative;
    width: 100%;
    height: 22.2rem;
}

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    gap: 0 !important;
}

body.LoggedIn .Widget--banner--sliding, .Main .Container__Item.nav-slidable, .casino-categories.games-and-banners .name-cat-title {
    display: none;
}

.Main .Container__Item.game-list-slidable {
    height: 49.2rem;
    position: relative;
}

    .Main .Container__Item.game-list-slidable:after {
        width: 100%;
        height: 12rem;
        background-image: url(../img/banners/pattern.png);
        background-position: bottom;
        background-repeat: repeat-x;
        background-size: cover;
        bottom: 0;
        content: "";
        position: absolute;
        z-index: 0;
    }

    .Main .Container__Item.game-list-slidable:before {
        background: radial-gradient(56.57% 103.82% at 52.97% -23.04%, #000 0, transparent 100%), radial-gradient(30.53% 122.11% at 4.04% 185.95%, #ffb800 0, rgba(255, 184, 0, .9914) 6.67%, rgba(255, 184, 0, .9645) 13.33%, rgba(255, 184, 0, .9183) 20%, rgba(255, 184, 0, .8526) 26.67%, rgba(255, 184, 0, .7682) 33.33%, rgba(255, 184, 0, .6681) 40%, rgba(255, 184, 0, .5573) 46.67%, rgba(255, 184, 0, .4427) 53.33%, rgba(255, 184, 0, .3319) 60%, rgba(255, 184, 0, .2318) 66.67%, rgba(255, 184, 0, .1474) 73.33%, rgba(255, 184, 0, .0817) 80%, rgba(255, 184, 0, .0355) 86.67%, rgba(255, 184, 0, .0086) 93.33%, rgba(255, 184, 0, 0) 100%), radial-gradient(106.35% 394.85% at -10.1% 146.8%, #d43a09 0, rgba(212, 58, 9, .9913) 6.67%, rgba(214, 59, 10, .9645) 13.33%, rgba(216, 60, 11, .9183) 20%, rgba(218, 62, 13, .8526) 26.67%, rgba(222, 65, 15, .7682) 33.33%, rgba(226, 68, 18, .6681) 40%, rgba(231, 71, 21, .5573) 46.67%, rgba(236, 75, 23, .4427) 53.33%, rgba(241, 78, 26, .3319) 60%, rgba(245, 81, 29, .2318) 66.67%, rgba(249, 84, 31, .1474) 73.33%, rgba(251, 86, 33, .0817) 80%, rgba(253, 87, 34, .0355) 86.67%, rgba(255, 88, 35, .0086) 93.33%, rgba(255, 88, 35, 0) 100%), radial-gradient(89.95% 341.94% at 106.41% 222.93%, #06d 0, rgba(0, 102, 221, .9914) 6.67%, rgba(0, 102, 221, .9645) 13.33%, rgba(0, 102, 221, .9183) 20%, rgba(0, 102, 221, .8526) 26.67%, rgba(0, 102, 221, .7682) 33.33%, rgba(0, 102, 221, .6681) 40%, rgba(0, 102, 221, .5573) 46.67%, rgba(0, 102, 221, .4427) 53.33%, rgba(0, 102, 221, .3319) 60%, rgba(0, 102, 221, .2318) 66.67%, rgba(0, 102, 221, .1474) 73.33%, rgba(0, 102, 221, .0817) 80%, rgba(0, 102, 221, .0355) 86.67%, rgba(0, 102, 221, .0087) 93.33%, rgba(0, 102, 221, 0) 100%), radial-gradient(52.53% 186.88% at 76.77% -86.88%, #000 0, transparent 100%), #1b204f;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
    }

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card::before {
    content: '';
    display: block;
    border-radius: 1.6rem;
    height: 34rem;
    overflow: hidden;
    filter: blur(5px);
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding1.png);
    background-size: cover;
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(2):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding2.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(3):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding3.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(4):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding4.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(6):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding6.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(7):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding7.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(8):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding8.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(9):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding9.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper:not(.hero) .product-card:nth-child(10):before {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/banners/sliding10.webp);
}

.casino-game-list-item .games-and-banners .product-wrapper .product-card .product-thumb {
    height: 14.6rem;
    width: 14.6rem;
    position: absolute;
    top: calc((34rem - 14.6rem) / 2);
    left: 3.2rem;
    border-radius: 1.6rem;
}

.casino-game-list-item .games-and-banners .product-wrapper .product-card .picture-productThumb:before {
    background: radial-gradient(45.24% 14.95% at 50% 85.05%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .5948) 6.67%, rgba(0, 0, 0, .5787) 13.33%, rgba(0, 0, 0, .551) 20%, rgba(0, 0, 0, .5116) 26.67%, rgba(0, 0, 0, .4609) 33.33%, rgba(0, 0, 0, .4009) 40%, rgba(0, 0, 0, .3344) 46.67%, rgba(0, 0, 0, .2656) 53.33%, rgba(0, 0, 0, .1991) 60%, rgba(0, 0, 0, .1391) 66.67%, rgba(0, 0, 0, .0884) 73.33%, rgba(0, 0, 0, .049) 80%, rgba(0, 0, 0, .0213) 86.67%, rgba(0, 0, 0, .0052) 93.33%, transparent 100%), rgba(110, 107, 107, 0.511);
    border-radius: 0 2.4rem 2.4rem 0;
    content: "";
    display: block;
    height: 19.4rem;
    width: 20.2rem;
    left: 0;
    position: absolute;
    top: calc((34rem - 19.4rem) / 2);
}

.casino-categories.games-and-banners {
    width: 100%;
    height: 49.2rem;
    display: flex;
    align-items: center;
}

.casino-game-list-item .games-and-banners .product-wrapper .product-card .product-desc {
    opacity: 1;
    height: 0;
    top: 35%;
}

.casino-game-list-item .games-and-banners .product-wrapper .demo {
    display: none !important;
}

.casino-game-list .games-and-banners .product-card .product-title, .casino-game-list .games-and-banners .product-card:hover .product-title {
    width: 50%;
    height: 30px;
    left: unset;
    right: 0;
    bottom: unset;
    background: transparent;
    font-size: 2rem;
    font-weight: 700;
    line-height: unset;
    color: var(--white-color);
}

.casino-game-list .games-and-banners .product-card .user-product-ctrl .play-now {
    opacity: 1;
}

.casino-game-list .games-and-banners .product-card .user-product-ctrl .play-now {
    border: none;
}

.casino-game-list .games-and-banners .product-card .user-product-ctrl {
    top: 64%;
    left: 73%;
}

.casino-game-list-item .product-wrapper:not(.hero) {
    display: flex;
}

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad .slick-track.slick-initialized {
    width: 100% !important;
}

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad .slick-list {
    width: 100%;
}

.Container__Item.casino-game-list.casino-game-list-item {
    margin: 0;
    padding: 0px 10px 0;
    position: relative;
}

body.LoggedIn .Main article {
    width: 380px !important;
    border-radius: 1.6rem !important;
}

body.LoggedIn .Main .promo-card {
    width: 632px !important;
}

body.LoggedIn .Main .casino-game-list-item .product-wrapper:not(.hero) {
    grid-gap: 0;
    padding: 4.8rem 0 0;
}

body.LoggedIn .Main .casino-game-list-item article {
    height: 34rem;
}

body.LoggedIn .Main .game-list-slidable.placeholder .casino-game-list-item .lazyLoadSliderContainer.swiper {
    height: 492px;
    overflow: hidden;
}

body.LoggedIn .Main .game-list-slidable.placeholder .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
    flex-wrap: wrap;
}

body.LoggedIn .Main article .fav-game {
    display: none !important;
}

body.LoggedIn .Main .casino-categories.games-and-banners {
    height: auto !important;
    overflow: visible;
}

.Main .game-list-slidable.placeholder .casino-categories:not(:nth-child(1)) {
    display: none;
}

.Main .game-list-slidable.placeholder .product-wrapper .product-card .product-thumb {
    width: 100% !important;
    height: 34rem !important;
    border-radius: 3rem;
}

.Main .game-list-slidable.placeholder .casino-game-list .product-wrapper:not(.slick-initialized) .product-card:hover .product-desc {
    background: unset;
}

body.LoggedIn .Main .swiper-container .swiper-pagination-bullets {
    bottom: -25px;
}

body.LoggedIn .Main article .play-now {
    gap: 0.6rem;
}

    body.LoggedIn .Main article .play-now:before {
        min-width: 2.4rem;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

body.LoggedIn .Wrapper--Single-Game-Categories .Container__Item.nav-slidable, body.LoggedIn .Game-Categories-container .game-nav {
    margin: -9rem auto 1.6rem;
}

body.LoggedIn .game_categories_two .game-list-normal {
    top: 150px;
}

body.LoggedIn .game_categories_two .sub-game-nav-block .sub-game-nav {
    top: 110px !important;
}

body.LoggedIn .Main article.promo-card img {
    height: 34rem;
    border-radius: 1.6rem;
    object-fit: cover;
}

body.LoggedIn .Main article.promo-card {
    height: 34rem;
    position: relative;
}

    body.LoggedIn .Main article.promo-card:before {
        content: '';
        display: block;
        width: 280px;
        height: 32rem;
        background: url(../img/banners/SignedIn-banner-1-char.png);
        position: absolute;
        bottom: 0;
        background-size: cover;
    }

body.LoggedIn .Main .promo-card:nth-child(1) img {
    object-position: left;
}

body.LoggedIn .Main article.promo-card:before {
    background: url(../img/promotions/welcome-bonus-character.png);
    right: 0;
}

body.LoggedIn .Main article.promo-card:nth-child(6):before {
    width: 330px;
    background: url(../img/promotions/cashback-promo-character.png);
    right: 0;
}

body.LoggedIn .Main article.promo-card:nth-child(6) img {
    object-position: left;
}

body.LoggedIn .Main article .product-producer {
    display: none;
}

body.LoggedIn .Main .product-wrapper:not(.swiper-wrapper) article:nth-child(n+5) {
    display: none;
}

body.LoggedIn .Main .casino-game-list-item .product-wrapper:not(.swiper-wrapper) {
    grid-gap: 24px;
}
/* -------------------------------------------------------------------------- My Profile-------------------------------------------------------------------------*/

#profilePopup .modal-dialog, #__depositPopup .modal-dialog {
    width: 100%;
    max-width: 128rem;
    margin: 20px auto;
}

#profilePopup .modal-content, #__depositPopup .modal-dialog, #__depositPopup .modal-content {
    height: 95vh;
    border-radius: 24px;
    overflow: hidden;
}

    #profilePopup .modal-content .modal-header, .modal-dialog.search .modal-header {
        padding: 0;
        border-bottom: none;
    }

        #profilePopup .modal-content .modal-header .profile-main-nav {
            width: auto !important;
            overflow: auto;
        }

.profile-main-nav {
    width: 112rem;
    padding-top: 1.6rem;
    display: flex;
    min-height: 48px;
    margin: auto;
    border-bottom: 0.1rem solid #e4e5eb;
}
.mobile #profilePopup .profile-main-nav {
    display: none;
}

    .profile-main-nav li {
        padding: 0 20px;
        line-height: 48px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 0.4rem;
        position: relative;
    }

        .profile-main-nav li.active:after {
            border-bottom: 0.4rem solid var(--light-blue-color2);
            border-radius: 0.4rem;
            bottom: 0;
            content: "";
            position: absolute;
            right: 0;
            width: 100%;
        }

        .profile-main-nav li a {
            white-space: nowrap;
            font-weight: 600;
        }

        .profile-main-nav li i {
            display: none;
        }

#profilePopup .form-control#Email, #profilePopup .form-control#Mobile, #profilePopup .form-control#PassportNumber {
    padding-right: 40px;
    text-overflow: ellipsis;
}

#profilePopup .modal-content .modal-body {
    width: 112rem;
    height: calc(100% - 386px);
    margin: 2.4rem auto 20px;
    padding: 0;
    display: flex;
    gap: 2.4rem;
}

    #profilePopup .modal-content .modal-body .profile-sub-nav {
        height: fit-content;
        flex: .5;
        background: var(--white-color);
        border-radius: 0.8rem;
        box-shadow: 0 1rem 1.6rem rgba(75,74,120,.11);
        overflow: hidden;
        width: 100%;
    }

    #profilePopup .modal-content .modal-body > div {
        height: 100% !important;
        flex: 1.5;
        background-color: var(--white-color);
        border-radius: 1.6rem;
        box-shadow: 0 0.4rem 0.8rem rgba(12,36,99,.08);
        padding: 2.4rem 3.2rem;
    }

    #profilePopup .modal-content .modal-body .profile-sub-nav li {
        font-size: 1.4rem;
        font-weight: 700;
        height: 5.6rem;
        line-height: 5.6rem;
        padding: 0 1.6rem;
        text-decoration: none;
        position: relative;
    }

        #profilePopup .modal-content .modal-body .profile-sub-nav li:after {
            top: 0;
        }

        #profilePopup .modal-content .modal-body .profile-sub-nav li.active {
            background: var(--blue-color);
        }

            #profilePopup .modal-content .modal-body .profile-sub-nav li.active a {
                color: var(--white-color);
            }

        #profilePopup .modal-content .modal-body .profile-sub-nav li a {
            display: block;
            width: 100%;
            border-bottom: 0.1rem solid #e4e5eb;
        }

#profilePopup .modal-header:before {
    content: "";
    display: block;
    width: 100%;
    min-height: 218px;
    background: linear-gradient(0deg,#1e2562,#1e2562 .01%,rgba(27,32,79,.4)), url(../img/banners/my-profile.webp);
    background-position: 0 18%;
    background-size: cover;
}

.mobile #profilePopup .modal-header:not(.myProfile .modal-header):before {
    display: none;
}

#profileForm .col-xs-4, .mobile #profileForm > .col-xs-12 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: -265px;
    color: var(--white-color);
    gap: 0px 2.4rem;
    left: 0;
}

    #profileForm .col-xs-4:before, .mobile #profileForm > .col-xs-12:before {
        content: '';
        display: block;
        width: 12rem;
        height: 12rem;
        margin-top: 10px;
        background: url('../img/banners/royal.png');
        background-size: contain;
        border: 5px solid;
        border-radius: 50%;
    }

.modal-footer {
    padding: 4px 15px;
}

#profileForm .emutable-details {
    width: 438px;
    padding: 1.2rem 1.6rem;
    background: #fff;
    border-radius: .8rem;
}

    #profileForm .emutable-details .emutable-details-inner-block {
        display: flex;
        justify-content: end;
        position: relative;
    }

        #profileForm .emutable-details .emutable-details-inner-block > table {
            width: 70%;
        }

            #profileForm .emutable-details .emutable-details-inner-block > table:before {
                content: '';
                display: block;
                height: 10.2rem;
                width: 10.2rem;
                background: url(../img/icons/real-balance.svg);
                position: absolute;
                left: 0;
            }

    #profileForm .emutable-details tbody {
        display: flex;
        flex-direction: column;
        font-size: 15px;
        color: black;
    }

        #profileForm .emutable-details thead b, #profileForm .emutable-details tbody tr:nth-child(-n + 2) {
            display: none;
        }

        #profileForm .emutable-details tbody tr {
            height: 4rem;
            line-height: 4rem;
            white-space: nowrap;
            border-top: .1rem solid #e4e5eb;
        }

            #profileForm .emutable-details tbody tr:nth-child(3) {
                border: none;
            }

                #profileForm .emutable-details tbody tr:nth-child(3) td div, #profileForm .emutable-details tbody tr td div:nth-child(2) {
                    font-weight: 700;
                }

            #profileForm .emutable-details tbody tr td {
                display: flex;
                justify-content: space-between;
            }

#profileForm .col-xs-8 {
    width: 100%;
}

#profilePopup #profileForm .control-label {
    height: 2rem;
    padding-left: 5px;
    line-height: 1.6rem;
    position: absolute;
    font-size: 1rem;
    opacity: 0.6;
    z-index: 5;
}

#sendMobileCode, #sendEmailCode {
    margin-right: 5px;
}

#profilePopup #personal-details .btn-group {
    display: flex;
}

    #profilePopup #personal-details .btn-group > .btn {
        width: 100px;
        border-radius: 2.8rem;
    }

#profilePopup #personal-details .form-control.code {
    border-top-left-radius: 2.8rem;
    border-bottom-left-radius: 2.8rem;
}

.verification .glyphicon-ok {
    color: var(--white-color) !important;
}

.profile__msg--success, .profile__msg--error {
    margin-left: 10px;
    text-align: left;
}

.depositmessage-success, .withdrawalmessage-success, .modal-dialog.history .col-md-12 .table-striped.wallet-table .table-striped td:nth-child(6),
.profile__msg--success, .depositmessage-success, #forgotpassform > .form-group p, .state__msg--success {
    color: #65b812 !important;
    padding: 0 5px;
}

.has-feedback label ~ .form-control-feedback {
    top: 7px;
    right: 15px;
}

.glyphicon-warning-sign {
    color: var(--brand-color);
}

.glyphicon-ok {
    color: #65b812;
}

#profilePopup .row-flex {
    display: flex;
    gap: 20px;
}

    #profilePopup .row-flex .col-half {
        flex: 1 2 50%;
        padding: 0;
        min-width: 90px;
    }

.col-half .form-group {
    margin: 0;
}

#profilePopup .modal-content .modal-sub-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.REALITY_CHECK .form-control, #profilePopup #profileForm .form-control,
#select2-CityId-container, #select2-City-container, #registrationPopup .form-control,
#loginPopup .form-control, #changePasswordPopup .form-control {
    text-indent: 35px;
}

#registrationPopup .select2-container {
    width: 100% !important;
    background: var(--background-color2);
    border: 0.2rem solid transparent;
    border-radius: 5px;
    box-shadow: none;
    transition: all .15s cubic-bezier(.4,0,.2,1);
    font-size: 1.4rem;
    color: var(--black-color);
}

#profilePopup #profileForm .control-label {
    padding-left: 44px;
}

    #profilePopup #profileForm .control-label[for*='LanguageId'], 
    #profilePopup #profileForm .control-label[for*='Province'],
    #profilePopup #profileForm .control-label[for*='ZipCode'] {
        padding-left: 48px;
    }

    #profilePopup #profileForm .control-label:before,
    #register-container .control-label:not(.checkboxes):before,
    #loginPopup .control-label:not(.checkboxes):before,
    #changePasswordPopup .control-label:not(.checkboxes):before,
    .REALITY_CHECK .control-label:not(.checkboxes):before, .wrapper_input--captcha:before {
        content: '\f007';
        display: block;
        font-family: "Line Awesome Free";
        font-size: 24px;
        position: absolute;
        z-index: 5;
        font-weight: 900;
        top: 15px;
        left: 10px;
    }

.control-label[for*='Captcha']:before {
    content: none !important;
}

#register-container .control-label:before{
    top: 6px !important;
    left: 12px !important;
}

#loginPopup .control-label:before,
#changePasswordPopup .control-label:before {
    top: 12px !important;
    left: 12px !important;
}

.control-label[for*='firstname']:before, .control-label[for*='lastname']:before {
    content: '\f406' !important;
}

.control-label[for*='date']:before {
    content: '\f133' !important;
}

.control-label[for*='country']:before,
.control-label[for*='issuedBy']:before  {
    content: '\f0ac' !important;
}

.control-label[for*='address']:before {
    content: '\f276' !important;
}

.control-label[for*='email']:before {
    content: '\f0e0' !important;
}

.control-label[for*='mobile']:before, .control-label[for*='numberCode']:before {
    content: '\f10b' !important;
}

.control-label[for*='document']:before {
    content: '\f2c2' !important;
}

.control-label[for*='gender']:before, .control-label[for*='gender']:before {
    content: '\f7bd' !important;
}

.control-label[for*='zipCode']:before {
    content: '\f5a0' !important;
}

.control-label[for*='cityId']:before, .control-label[for*='city']:before {
    content: '\f041' !important;
    z-index: 5;
}

.control-label[for*='LanguageId']:before {
    content: '\f1ab' !important;
}

.control-label[for*='province']:before {
    content: '\f279' !important;
}

.control-label[for*='currencyId']:before {
    content: '\f51e' !important;
}

.control-label[for*='password']:not(#changepassform .control-label):before {
    content: '\f084' !important;
}

.wrapper_input--captcha:before {
    content: '\f3ed' !important;
}

.wrapper_input--captcha:before {
    top: 1px;
    left: 25px;
}

#profilePopup .form-group[class$='verification-block'] .control-label {
    display: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 160px;
}

.select2-search--dropdown {
    display: flex;
}

    .select2-search--dropdown .select2-search__field, .select2-search--dropdown {
        padding: 2px;
        outline: none;
    }

        .select2-search--dropdown:before {
            padding: 5px;
            border: 1px solid #aaa;
            border-right: none;
        }
/* ------------------------------------------------------------------------ Indetifications ---------------------------------------------------------------------*/

.modal-sub-body.identifications {
    color: var(--white-color);
}

    .modal-sub-body.identifications > .row, .modal-sub-body.communication > .row {
        margin: 0;
    }

.identifications .col-xs-3 {
    width: 100% !important;
}

.modal-sub-body.identifications .document-head-row-title, .modal-sub-body.identifications .document-body-row-title {
    display: flex;
    margin: 4px 0;
    padding: 5px;
    justify-content: space-between;
    border-radius: 12px;
    color: rgb(27, 32, 79);
}

.modal-sub-body.identifications .document-head-row-title {
    color: rgb(27, 32, 79);
    margin-bottom: 20px;
    font-size: 16px;
    border: 1px solid rgb(27, 32, 79);
    border-radius: .4rem;
}

    .modal-sub-body.identifications .document-head-row-title div, .modal-sub-body.identifications .document-body-row-title div,
    .modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i {
        flex: 1;
        margin: 4px 0;
        display: flex;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 600;
        font-size: 12px;
        align-items: center;
    }

    .modal-sub-body.identifications .document-head-row-title .document-name {
        flex: 1.5;
    }

.modal-sub-body.identifications .document-body-row-title .document-name {
    width: 180px;
    white-space: nowrap;
    overflow: visible;
    display: flex;
    position: relative;
    flex: 1.5;
}

    .modal-sub-body.identifications .document-body-row-title .document-name span:nth-child(1) {
        display: inline-block;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
    }

.tooltip, .tooltipShow {
    width: auto;
    position: absolute;
    background-color: grey;
    opacity: 1;
    color: var(--white-color) !important;
    padding: 5px 8px !important;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    top: -27px;
    left: 30px;
    white-space: nowrap;
    font-size: 14px;
}

.modal-dialog.history .bonus-current-amount, .mobile [class*='player-bonus-type'] .bonus-current-amount,
.table--scrollable__tbody .table--scrollable__td:has(.wallet-current-amount-full) {
    position: relative;
    overflow: visible !important;
}

    .modal-dialog.history .bonus-current-amount:hover .tooltip, .mobile [class*='player-bonus-type'] .bonus-current-amount:hover .tooltip,
    .table--scrollable__tbody .table--scrollable__td:has(.wallet-current-amount-full):hover .tooltip {
        display: block !important;
    }

    .table--scrollable__tbody .table--scrollable__td:has(.wallet-current-amount-full) .tooltip {
        top: -20px;
        left: 26%;
    }

    .modal-dialog.history .bonus-current-amount .tooltip {
        top: -30px;
        left: 36%;
    }

.modal-sub-body.identifications .document-body-row-title i {
    color: #65b812;
    font-size: 22px;
    justify-content: center;
}

.modal-sub-body.identifications .document-head-row-title .document-action {
    justify-content: center;
}

.modal-sub-body.identifications .document-body-row-title .las.la-times {
    color: red;
}

.modal-sub-body.identifications .document-body-row-title .las.la-sync-alt {
    color: var(--light-blue-color);
}

.modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title button:hover {
    margin: 4px 0;
    justify-content: center;
    text-align: center;
    background-color: grey !important;
    padding: 10px !important;
}

.modal-sub-body.identifications .document-body-row-title button, .modal-sub-body.identifications .document-body-row-title i,
.modal-sub-body.identifications .document-head-row-title .document-action {
    max-width: 110px;
    height: auto;
}

    .modal-sub-body.identifications .document-body-row-title button:hover, #profilePopup .modal--payments-history #withdrawal_cancel_icon:hover {
        opacity: .8;
    }

.modal-sub-body.identifications .header-block {
    height: 300px;
    padding: 12px 15px;
    margin-top: 15px;
    overflow: auto;
    border: 1px solid #1b204f;
    border-radius: .4rem;
}

.modal-sub-body.identifications .upload-file.row:before, .modal-sub-body.identifications .upload-file.row:after {
    display: none;
}

.modal-sub-body.identifications .upload-file {
    display: flex;
    margin: 10px 0 10px 0 !important;
    gap: 2%;
}

    .modal-sub-body.identifications .upload-file section, .modal-sub-body.identifications .upload-file div {
        width: 100%;
        padding: 0;
    }

    .modal-sub-body.identifications .upload-file .btn {
        width: auto !important;
        height: 48px;
        display: flex;
        margin: 0 !important;
        padding: .4rem 1.6rem !important;
        align-items: center;
        border-radius: .8rem !important;
        border: 1px solid grey !important;
        background: var(--white-color) !important;
        color: grey !important;
    }

        .modal-sub-body.identifications .upload-file .btn:active {
            background: #65b812 !important;
            color: var(--white-color) !important;
        }

.modal-sub-body.identifications #documentType {
    border: 1px solid grey !important;
}

.modal-sub-body.identifications .upload-file .col-xs-6 {
    display: flex;
    flex-direction: column;
    padding: 0;
}

    .modal-sub-body.identifications .upload-file .col-xs-6 .input {
        margin-left: 0;
    }

.modal-sub-body.identifications .document-upload label {
    color: rgba(51, 51, 51, 0.6);
}

.modal-sub-body.identifications .input_name {
    width: 100%;
    padding: 16px;
    outline: none;
    border: 1px solid grey !important;
}

.identifications-settings-wrapper #formOne .col-xs-6 .row {
    height: 48px;
    margin: 0;
    display: flex;
    align-items: center;
}

.identifications-settings-wrapper #Day, .identifications-settings-wrapper #Month, .identifications-settings-wrapper #Year {
    height: 35px;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    background-color: #eee;
    color: grey;
    border-radius: 12px;
    text-align: center;
}

.identifications-settings-wrapper #Day {
    flex: .7;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
}

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12, #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message {
        flex: 1;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message .col-xs-6 {
            width: 100%;
            padding: 0;
        }

    #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 {
        justify-content: end;
        display: flex;
    }

        #profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 .btn {
            width: auto;
        }

#profilePopup .identifications-settings-wrapper .note {
    padding: 4px;
    text-align: left;
    color: rgba(51, 51, 51, 0.6);
    font-size: 12px;
}

.identifications-settings-block .file-name {
    width: auto !important;
}


.identifications-settings-block .body-block .manual-upload,
.identifications-settings-block .body-block .auto-upload {
    width: 100%;
    margin: 20px auto;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #1b204f;
    padding: 15px;
    position: relative;
    color: #fff
}

.identifications-settings-wrapper .verification-title {
    position: absolute;
    top: -12px;
    left: 20px;
    background-color: #ffffff;
    padding: 0 10px;
    font-size: 14px;
    color: #1b204f
}
/* ------------------------------------------------------------------------ communication ---------------------------------------------------------------------*/

.communication-settings-wrapper .communication-types {
    display: flex;
    grid-gap: 0 0.8rem;
}

    .communication-settings-wrapper .communication-types div {
        height: 4rem;
        padding: 0px 2.4rem;
        background-color: rgb(241, 244, 252);
        color: rgb(27, 32, 79);
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 4rem;
        border-radius: 2.8rem;
        cursor: pointer;
        transition: all 0.3s ease 0s;
    }

        .communication-settings-wrapper .communication-types div:hover {
            background-color: rgb(255, 255, 255);
            box-shadow: rgba(75, 74, 120, 0.11) 0px 1rem 1.6rem;
            color: rgb(0, 102, 221);
        }

        .communication-settings-wrapper .communication-types div.active {
            background-color: var(--blue-color);
            color: var(--white-color);
        }

.communication-settings-wrapper .communication-settings-block {
    width: 70%;
    min-height: 100% !important;
    padding: 30px 0px 10px;
    background-color: var(--background-color-21);
    border-radius: 12px;
}

    .communication-settings-wrapper .communication-settings-block .inner-block .col-xs-3 {
        display: flex;
        align-items: center;
        gap: 6px;
    }

/*------------------------------------------------------------------------------ Wallet ------------------------------------------------------------------------*/

.table--scrollable__tr, .statedisabledforbet, .wallet-table .wallet-table tr {
    display: flex;
}

    /*.table--scrollable__tr>*:not(.games-info-titles) {
    padding: 10px 25px !important;
}*/

    .table--scrollable__tr > *:not(.games-info-titles), .table--scrollable__tr > .games-info-titles > div {
        font-size: 1.2rem;
        font-weight: 700;
        color: rgb(128, 138, 166);
    }

.table--scrollable__th, .table--scrollable__tbody .table--scrollable__td, .wallet-table th, .wallet-table td {
    flex: 1;
    padding: 11.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wallet--cash, .wallet--bonus {
    height: 38%;
    min-height: 200px;
}

.wallet-title {
    padding: 0px 0 8px 16px;
    color: var(--blue-color);
    font-size: 2.4rem;
    font-weight: 700;
}

.table-striped.wallet-table, .table-striped.table--scrollable__tbody {
    height: calc(100% - 42px);
}

    .table-striped.table--scrollable__tbody .table--scrollable__tr div {
        color: #151d27;
        font-weight: 700;
    }

.table--scrollable__thead .table--scrollable__tr, .wallet-table thead tr, .games-box .table--scrollable__tr,
#profilePopup .bonus-title-row {
    background-color: rgb(241, 244, 252);
}

#profilePopup .modal-sub-body .wallet-table {
    width: 100%;
}

.wallet-table .wallet-table {
    min-width: 750px;
}

/*------------------------------------------------------------------------------ Payments ------------------------------------------------------------------------*/

.transaction-row-outlined.column-headers, .transaction-row-outlined.column-headers-withdrawal {
    display: flex;
    padding: 10px 0px 10px 27%;
    color: black;
    border: 1px solid var(--brand-color);
    border-right: none;
    border-left: none;
}

.transaction-row-outlined {
    padding: 10px;
}

    .transaction-row-outlined .trans-proc-time,
    .transaction-row-outlined .trans-max {
        width: 25%;
    }

    .transaction-row-outlined .trans-fee,
    .transaction-row-outlined .trans-min {
        width: 17%;
    }

#profilePopup .modal-body.no-footer .row:after {
    margin-bottom: 24px;
}

.transaction-row {
    display: flex;
    min-height: 44px;
    margin: 10px 0 0;
    padding: 4px 0;
    align-items: center;
    font-size: 12px;
    border: 1px solid transparent;
    /* border-radius: 12px; */
    background-color: #f1f4fc;
    color: #0a0d14;
    transition: background-color 0.2s;
    position: relative;
    border-right: none;
    border-left: none;
}

    .transaction-row.loading {
        color: var(--white-color) !important;
    }

    .transaction-row .trans-logo, .transaction-row .trans-title {
        width: calc(27% / 2);
        padding: 0 6px;
    }

    .transaction-row .trans-proc-time, .transaction-row .trans-max {
        width: calc((100% - 27%) * 25 / 100);
    }

    .transaction-row .trans-fee, .transaction-row .trans-min {
        width: calc((100% - 27%) * 17 / 100);
    }

.transaction-block .col-md-12 {
    height: 100% !important;
}

.transaction-block:after {
    margin: 0 !important;
}

.transaction-block.active .transaction-row,
.transaction-block.active .shown {
    border-color: var(--color-green-2);
}

.transaction-row:hover {
    background-color: var(--brand-color);
    color: black;
    border-color: transparent;
    cursor: pointer;
}

[id^=transaction-details].shown {
    margin-top: 2px;
    padding: 30px 10px 10px 10px;
    border: 1px solid black;
    border-radius: 4px;
}

[id^='transaction-details'] label {
    margin-right: 15px;
    margin-bottom: 9px;
    line-height: 30px;
    white-space: nowrap;
}

.bonus-checkbox-wrapper label {
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
}

    .bonus-checkbox-wrapper label:after {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #ffab90;
        box-shadow: inset -5px -10px 15px 0 rgba(0, 0, 0, 0.5), 0 0 8px var(--color-green-1);
        position: absolute;
        left: 3px;
    }

.bonus-checkbox-wrapper input[type='checkbox']:checked + label:after {
    background: var(--brand-color);
    box-shadow: none;
}

.bonus-checkbox-wrapper input {
    display: none;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto, [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto, [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    color: var(--black-color);
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid grey;
    background-color: grey;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-question-mark,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

    [class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-auto:after,
    [class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-auto:after {
        content: 'A';
    }

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering,
[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-cashback {
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
    background-position: center center;
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-freebet {
    background-image: url(/content/img/utils/freebet-bonus.png);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-icon-wagering {
    background-image: url(/content/img/utils/wagering-bonus.png);
}

[class*='player-bonus-type'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
[class*='player-bonus-type-deposit'] .bonus-body-row-title .bonus-placeholder .b-manual:after,
[class*='player-bonus-type-registration'] .bonus-body-row-title .bonus-placeholder .b-manual:after {
    content: 'M';
}

#profilePopup [id^='bonus-content-'] {
    padding: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: black;
    border-radius: 0px 0px 3px 3px;
    font-size: 14px;
}

    #profilePopup [id^='bonus-content-'] .os-content {
        padding: 5px 10px !important;
    }

.bonus-body-row-body b, .bonus-body-row-bold {
    color: var(--brand-color);
}

#__depositPopup .modal-body {
    height: 84vh;
    padding: 22px 20%;
}

#__depositPopup .modal-header {
    color: var(--brand-color);
    font-size: 15px;
}

.js-payment-iframe {
    border-radius: 20px;
}

#profilePopup .modal--payments-history #withdrawal_cancel_icon {
    /* right: 34px; */
    bottom: 6px;
    text-align: center;
    background-color: grey !important;
    color: white !important;
}

#profilePopup .modal--payments-history .table--scrollable__tr .table--scrollable__th:last-child,
#profilePopup .modal--payments-history .table--scrollable__tr .table--scrollable__td:last-child {
    text-align: center;
}
/* 
#paymentsystem div:nth-child(2){
    align-items: flex-end;
} */

.modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div {
    width: 100%;
}

#paymentsystem .form-group ~ #countryId {
    margin-bottom: 15px;
}

.deposit-sub-nav {
    margin: 10px 0;
}

#paymentsystem .deposit-sub-nav li.active, #paymentsystem .deposit-sub-nav li:hover {
    border-bottom: 2px solid var(--brand-color);
    font-weight: bold;
    color: var(--brand-color);
}

.deposit-sub-nav li {
    margin: 10px 5px;
    border-radius: 0px !important;
    cursor: pointer;
    color: black;
    font-size: 15px;
}

.bonus-body-row-title.frb {
    padding: 10px 20px 10px 10px;
}

.modal--deposit #paymentsystem .form-control, .modal--withdrawal #paymentsystem .form-control {
    font-weight: 700;
}

    .modal--deposit #paymentsystem .form-control::placeholder, .modal--withdrawal #paymentsystem .form-control::placeholder {
        font-weight: 500;
        color: #808aa6;
    }

#profilePopup .modal-sub-body .col-xs-12, #profilePopup .modal-sub-body .col-md-12 {
    padding: 0;
}

.select-expander {
    display: none;
}

.deposit-sub-nav {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
    position: relative;
}

    .deposit-sub-nav li {
        margin: 10px 5px;
        border-radius: 0 !important;
        cursor: pointer;
        color: var(--text-color-1);
        font-size: 15px;
    }

#paymentsystem .bonus-body-row-header {
    padding: 10px;
    border: 1px solid var(--blue-color);
    margin: 10px 0;
    border-radius: 0.8rem;
}

.modal-dialog.modal--deposit #paymentsystem > div:nth-child(2) > div, .player-bonus-type-2 .games-box, .player-bonus-type-6 .games-box {
    overflow: auto;
}

.player-bonus-type-deposit {
    min-width: 700px;
}

/* ----------------------------------------------------------------------------------------------Freespin Games-------------------------------------------------------------- */

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

.freespin-games {
    display: flex;
    align-items: center;
    flex: 1;
    border-radius: 4px;
}

.freespin-game .Item {
    display: flex;
    align-items: center;
    min-height: 84px;
}

.no-wrap.table--scrollable__th.games-info-titles {
    padding: 0;
    display: flex;
}

.freespin-games > div:not(.freespin-game), .freespin-game .Item > *, .games-info-titles .table--scrollable__th {
    margin: 10px;
    flex: 1;
    padding: 0;
    text-align: center;
}

.freespin-game, .no-wrap.table--scrollable__th.games-info-titles {
    flex: 2;
}

    .freespin-game .Item .product-name, 
    .player-bonus-type-1 .games-info-titles .name,
    .games-info-titles .table--scrollable__th.name {
        max-width: 100px;
        min-width: 50px;
    }

.games-box .play-now.btn {
    padding: 0 !important;
    background-color: unset !important;
    background-image: unset !important;
}

.games-box .btn a {
    display: block;
    color: var(--white-color) !important;
    width: 100%;
    height: 40px;
    padding: 8px 36px !important;
}

.games-box .dont-pl-btn {
    background: #abacbc !important;
    cursor: not-allowed;
    padding: 8px 0px !important;
    margin: 10px 25px !important;
    color: black !important;
    justify-content: center;
}

.freespin-game .Item .product-vendore-img, .games-info-titles .brand {
    min-width: 40px;
    max-width: 40px;
}

.freespin-games .Item img:not(.product-vendore-img), .games-info-titles .game {
    max-width: 100px;
    min-width: 100px;
}

.freespin-games > div:not(.freespin-game),
.freespin-game .Item > *,
.games-info-titles .table--scrollable__th {
    margin: 10px 8px;
}

.games-box .table--scrollable__tr > *:not(.games-info-titles) {
    padding: 10px 8px !important;
    text-align: center;
}

.player-bonus-type-2 .freespin-game, .player-bonus-type-2 .no-wrap.table--scrollable__th.games-info-titles {
    flex: 4;
}

    .player-bonus-type-2 .freespin-game .Item .product-name, .player-bonus-type-2 .games-info-titles .table--scrollable__th.name {
        max-width: 200px;
        min-width: 100px;
    }

body.mobile .freespin-games.expired {
    position: relative;
}

    body.mobile .freespin-games.expired > div {
        opacity: .5;
        position: relative;
    }

    body.mobile .freespin-games.expired .expired {
        content: 'expired';
        display: block;
        position: absolute;
        z-index: 5;
        background-color: red;
        padding: 5px 8px;
        border-radius: 12px;
        border-bottom-left-radius: 0;
        top: 10px;
    }

body.mobile [class*='player-bonus-type']:not(.player-bonus-type-deposit) .bonus-body-row-title .bonus-placeholder {
    display: none;
}

/*------------------------------------------------------------------------------ Messages ------------------------------------------------------------------------*/
#profilePopup .inbox-grid {
    display: flex;
}

#profilePopup .message-short-wrapper {
    width: 258px;
    height: calc(100% - 25px);
    padding-top: 48px;
    position: absolute;
    left: 0;
}

.os-content, .js-custom-scrollbar-wrapper.os-host, .balancehistory .row.ajax-result {
    border-radius: 1.6rem;
}

#profilePopup .message-short-wrapper .thread-list {
    height: 100% !important;
    background-color: var(--background-color1);
}

.thread-list .single-thread.unread i {
    color: var(--brand-color);
}

.thread-list .single-thread.active {
    background-color: rgb(222 231 254);
}

.communication-types .comm-single-type, .thread-list .single-thread {
    padding: 10px 10px 10px 15px;
    cursor: pointer;
    transition: background-color .2s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: var(--brand-color);
}

.message-content-wrapper {
    position: relative;
    width: 100%;
    padding: 30px 6px;
}


    .message-content-wrapper .communication-settings-block {
        min-width: 230px;
        max-height: 400px;
        min-height: 80%;
        padding: 16px;
        margin: 60px 15px;
        overflow: auto;
        background-color: var(--background-color1);
        color: var(--blue-color);
        border-radius: 12px 12px 12px 0;
        line-height: 1.5;
    }

.message-content {
    padding: 16px;
    margin: 60px 15px;
    background-color: var(--background-color1);
    color: var(--blue-color);
    border-radius: 12px 12px 12px 0;
    line-height: 1.5;
    width: 100%;
}

    .message-content .message-details {
        position: absolute;
        top: -8px;
    }

.message-id {
    color: var(--blue-color);
    font-size: 14px;
}

#profilePopup .loader {
    width: 100%;
    height: 30px;
    padding: 0 5px;
    position: absolute;
    bottom: -20px;
    border-radius: 20px;
    background-color: var(--brand-color);
    text-align: center;
    line-height: 30px;
}

/*------------------------------------------------------------------------------ History ------------------------------------------------------------------------*/

.table--scrollable__tr div {
    white-space: unset !important;
}

#profilePopup .modal-sub-body .row.ajax-result .col-xs-12, #profilePopup .modal-sub-body .row.ajax-result .col-md-12 {
    max-width: 800px;
    overflow-x: auto;
    overflow-y: hidden;
}

.modal--balance-history .table--scrollable__tr, .modal--payments-history .table--scrollable {
    width: 100%;
    /* color: var(--text-color-1); */
    /* min-width: 1280px; */
}

#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:hover,
#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:not(.ss-disabled).ss-option-selected,
.ss-content .ss-list .ss-option.ss-disabled {
    background-color: #06d;
    border-radius: 10px;
    color: var(--white-color);
}

#profilePopup #searchform .ss-single-selected ~ .ss-content.ss-open .ss-option:hover {
    opacity: .8;
}

#profilePopup #searchform .ss-main .ss-single-selected {
    padding: 6px 12px;
    height: 4.6rem;
    background-color: unset;
    border-radius: 2.8rem;
    background-color: #f1f4fc;
    border-color: transparent;
    transition: all .3s;
    font-weight: 700;
}

#profilePopup #searchform .btn.js-see-details, #profilePopup #searchform .btn.js-form-search-submit {
    margin-top: 23px;
    position: relative;
}

.modal .paging li {
    display: inline-block;
    font-size: 0;
}

    .modal .paging li a, .modal .paging li i {
        font-size: 1.2rem;
        position: relative;
    }

.modal .paging .pi.paging-first, .modal .paging .pi.paging-last, .modal .paging .pi.paging-prev-ten, .modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten, .modal .paging .pi.paging-next {
    background: grey;
}

.modal .paging .pi {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #eeeeee;
    border: 1px solid #cdc6c6;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    transition: background-color 0.2s;
    color: #06d;
    border-radius: 50%;
}

.modal .paging div.pi {
    line-height: 26px;
}

.modal .paging .disabled {
    opacity: 0.5;
}

.modal .paging .pi.active {
    background-color: #06d;
    color: var(--white-color);
    border: transparent;
    text-decoration: none;
    line-height: 21px;
    position: relative;
}

.modal .paging .pi:hover {
    border-color: #06d;
    text-decoration: none;
}

.modal .paging .pi.paging-first, .modal .paging .pi.paging-last, .modal .paging .pi.paging-prev-ten, .modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten, .modal .paging .pi.paging-next {
    background: #f1f4fc;
    border-color: grey;
    color: black;
}

#profilePopup .modal-dialog.modal--balance-history .table--scrollable__tr {
    min-width: 1300px;
}

.btn.cancel-withdrawal {
    width: auto;
}

/*--------------------------------------------------------------------------- Promotions popUp--------------------------------------------------------------------*/

#profilePopup .bonus-title-row, .bonus-body-row-header {
    display: flex;
    margin: 0 6px 12px 6px;
    padding: 10px 20px 10px 164px;
}

#profilePopup #paymentsystem .bonus-body-row-title {
    margin: 10px 0;
}

#profilePopup .bonus-title-row div, .bonus-body-row-header div, [class*='player-bonus-type'] .bonus-body-row-title div {
    flex: 1;
    padding: 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    [class*='player-bonus-type'] .bonus-body-row-title div.bonus-expiration {
        overflow: visible;
    }

#profilePopup .ss-content.ss-open {
    border-radius: 12px;
}


[class*=player-bonus-type] .bonus-table-body {
    height: auto !important;
}

[class*=player-bonus-type] .bonus-body-row-title {
    display: flex;
    padding: 24px 20px 20px 10px;
    /* align-items: center; */
    cursor: pointer;
    transition: background-color .2s;
    background-color: #dbdde2;
    border-radius: 12px;
}

.bonus-placeholder {
    flex: unset !important;
    width: 150px;
}

/*body:not(.mobile) .modal-dialog:not(.modal--deposit) .bonus-placeholder, .modal-dialog:not(.deposit) .bonus-placeholder,
body:not(.mobile) .modal-dialog:not(.modal--deposit) .bonus-placeholder1, .modal-dialog:not(.deposit) .bonus-placeholder1 {
    flex: unset !important;
    width: 150px;
}*/

.bonus-body-row-title.not-allowed, #profilePopup [id^=bonus-content-].not-allowed .os-content {
    opacity: .3;
    background: #000;
    color: #ffffffa6 !important;
}

.player-bonus-type-deposit .bonus-body-row-title .bonus-placeholder, .bonus-body-row-header.freespins .bonus-placeholder {
    flex: 1 !important;
    width: auto;
}

[class*=player-bonus-type] .bonus-body-row-title div.hidden {
    display: block !important;
    visibility: hidden;
}

.bonus-body-row-title #PaymentDepositButton {
    font-size: 8px;
    line-height: 1rem;
    padding: 10px !important;
    position: relative;
    height: auto;
}

[class*=player-bonus-type] .item-content {
    border: 1px solid var(--blue-color);
    border-radius: 12px;
    position: relative;
}

[class*=player-bonus-type] .bonus-body-row-body {
    display: none;
    padding: 10px;
    overflow: hidden;
}

    [class*=player-bonus-type] .bonus-body-row-body h4, [class*=player-bonus-type] .bonus-body-row-body p .bonus-prop {
        font-size: 14px;
        color: var(--brand-color);
        font-weight: 700;
    }

    [class*=player-bonus-type] .bonus-body-row-body p, [class*=player-bonus-type] .bonus-body-row-body p .bonus-prop {
        margin-bottom: 5px;
        font-size: 12px;
    }

        [class*=player-bonus-type] .bonus-body-row-body p.button-wrapper {
            float: right;
            margin-left: auto;
            padding-left: 10px;
        }

#profilePopup .modal-content .modal-sub-body .row {
    margin: 0;
}

.bonus-body-row-body .button-wrapper span.result-message, [class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .claim-btn,
[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .disable-btn,
[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .forfeit-btn {
    display: inline-block;
    padding: 6px 14px;
    background-color: var(--brand-color);
    transition: all .3s;
    border-radius: 20px;
    color: var(--white-color);
}

.wagering-percent {
    padding: 0 5px;
    width: 5.5%;
    min-width: 29px;
    position: absolute;
    top: 2px;
    left: -1px;
    text-align: center;
    border-radius: 20px;
    color: var(--white-color);
    background-color: var(--brand-color);
}

.wagering-line {
    height: 6px;
    margin-top: 10px;
    position: absolute;
    background: var(--brand-color);
    border-radius: 12px;
}

[class*=player-bonus-type] .bonus-body-row {
    margin-top: 10px;
    border-radius: 3px;
}

.btn--downgrade {
    width: 100%;
    background-color: #5e6a78 !important;
}

    .btn--downgrade:hover {
        opacity: .8;
        background-color: #5e6a78 !important;
    }

[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .forfeit-btn {
    background-color: var(--blue-color);
}

[class*=player-bonus-type] .bonus-body-row-body p.button-wrapper .disable-btn {
    background: #5e6a78;
}

.player-bonus-type-2 .freespin-gamescontainer, .player-bonus-type-2 .games-box .table--scrollable__tr {
    min-width: 900px;
}

.daterangepicker .ranges li {
    transition: all .3s;
    border-radius: 2.8rem;
    color: #151d27;
    font-weight: 700;
}

    .daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
        color: #06d;
    }

.daterangepicker .input-mini.active {
    border-color: #06d;
}

.daterangepicker td.in-range {
    border-radius: 50%;
    background: #f7f8f9;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #06d;
    border-radius: 50%;
}

#profilePopup #searchform .input-group .form-control:last-child {
    background-color: #f1f4fc;
}

#profilePopup #searchform .input-group .input-group-addon:first-child {
    border-top-left-radius: 2.8rem;
    border-bottom-left-radius: 2.8rem;
    background-color: #f1f4fc;
    border: none;
    transition: all .3s;
}

#profilePopup #searchform .input-group .form-control:last-child {
    border-top-right-radius: 2.8rem;
    border-bottom-right-radius: 2.8rem;
    cursor: pointer;
    font-weight: 700;
    transition: all .3s;
}

    #profilePopup #searchform .input-group .form-control:last-child:hover {
        box-shadow: none;
        color: #06d;
    }

#profilePopup #searchform .input-group {
    border-radius: 2.8rem;
    transition: all .3s;
    cursor: pointer;
}

    #profilePopup #searchform .ss-main .ss-single-selected:hover, #profilePopup #searchform .ss-main .ss-single-selected.ss-open-below,
    #profilePopup #searchform .input-group:hover, #profilePopup #searchform .input-group:hover .input-group-addon:first-child,
    #profilePopup #searchform .input-group:hover .form-control:last-child {
        background-color: var(--white-color);
        box-shadow: .4rem .8rem 2.4rem rgba(12, 36, 99, .25);
    }

.modal-dialog.history #PlayerBonusStateGroup, .message-content .detail-row, .message-wrapper .detail-row {
    display: none;
}

/*--------------------------------------------------------------------------- Promotions--------------------------------------------------------------------*/

.promotions_wrapper {
    margin: 0 auto;
    background-color: var(--white-color);
}

    .promotions_wrapper .Container__Item.article-cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        max-width: 131.2rem;
        margin: auto;
        gap: 16px;
        padding: 0 1.6rem 2.6rem;
        /* padding-bottom: 2.6rem; */
    }

    .promotions_wrapper .Content__Item {
        max-width: 131.2rem;
        margin: auto;
        padding: 4rem 1.6rem 2.4rem;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem;
        color: #1b204f;
    }

    .promotions_wrapper .article-cards > .bonusType, .promotions_wrapper .article-cards .front {
        position: relative;
    }

        .promotions_wrapper .article-cards > .bonusType .front a:after {
            bottom: 0px;
            content: "";
            display: block;
            left: 0px;
            opacity: 0.4;
            position: absolute;
            right: 30%;
            top: 0px;
            z-index: 0;
            background: linear-gradient(90deg, rgb(0, 0, 0) -1.41%, transparent 101.17%);
            transition: all 0.3s ease 0s;
            border-radius: 1.6rem;
        }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:hover .front a::after {
        opacity: 0.8;
        right: 0px;
    }

    .promotions_wrapper .article-cards .bonusType:nth-child(n+3) .front a:after {
        right: 0px;
        top: 8.8rem;
        bottom: 100px;
        background: linear-gradient(0deg, rgb(0, 0, 0) 0px, transparent);
        border-radius: unset;
    }

    .promotions_wrapper .article-cards .bonusType:nth-child( n+3 ):hover .front a::after {
        opacity: 0.8;
        top: 0px;
    }

    .promotions_wrapper .welcome-bonus {
        width: 100%;
        grid-column: 1 / 5;
    }

    .promotions_wrapper .front > a {
        pointer-events: none;
    }

    .promotions_wrapper img {
        border-radius: 1.6rem;
        height: 32rem;
        object-fit: cover;
        pointer-events: none;
        object-position: left;
    }

    .promotions_wrapper .card-title, .promotions_wrapper .back .content,
    .promotions_wrapper .back .read-more {
        position: absolute;
        top: 30%;
        left: 3.2rem;
    }

        .promotions_wrapper .back .content img {
            height: 40px;
            position: absolute;
            top: -90px;
        }

    .promotions_wrapper .card-date, .promotions_wrapper .card-info, .promotions_wrapper .close-info,
    .promotions_wrapper .back .card-title {
        display: none;
    }

    .promotions_wrapper .card-title {
        font-size: 4rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: var(--white-color);
    }

    .promotions_wrapper .back .content {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.4rem;
        top: 48% !important;
        color: #d6dcee;
    }

        .promotions_wrapper .back .content p:nth-last-child(2) {
            margin: 0;
        }

    .promotions_wrapper .back .read-more {
        top: 68% !important;
    }

    .promotions_wrapper .article-cards .bonusType .back .read-more:after {
        content: '';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        transition: all 0.3s ease 0s;
        opacity: 0;
        font-size: 22px;
        color: var(--white-color);
    }

    .promotions_wrapper .article-cards .bonusType:not(:nth-child(n + 3)):hover .back .read-more:after,
    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:nth-child(n + 3) .back .read-more:after,
    .promotions_wrapper .article-cards.network-promotions .bonusType:hover .back .read-more:after {
        content: '\f061';
        display: block;
        margin-left: 1rem;
        opacity: 1;
    }

    .promotions_wrapper .cashback {
        grid-column: 1 / 3;
    }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:after {
        content: "";
        display: block;
        width: 330px;
        height: 103%;
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(../img/promotions/welcome-bonus-character.png) no-repeat;
        background-size: cover;
        transition: all .3s;
    }


    .promotions_wrapper .welcome-bonus:after {
        right: 17.6rem !important;
    }

    .promotions_wrapper .article-cards .bonusType:nth-child(n+3):after {
        height: calc(100% - 104px) !important;
        width: 100%;
        background-size: contain !important;
        top: -8px;
        background-position: center !important;
    }

    .promotions_wrapper .cashback:after {
        background: url(../img/promotions/cashback-promo-character.png) no-repeat !important;
        background-size: cover !important;
    }

    .promotions_wrapper .no_max_cashout_limit:after {
        background: url(../img/promotions/no-limit-character.png) no-repeat !important;
        background-size: cover !important;
    }

    .promotions_wrapper .more_bonuses:after {
        background: url(../img/promotions/app-character.png) no-repeat !important;
        background-size: cover !important;
    }

    .promotions_wrapper .raise_status:after {
        background: url(../img/promotions/cash-bonus-promo-character.png) no-repeat !important;
        background-size: cover !important;
    }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:hover:after {
        height: 105%;
    }

    .promotions_wrapper .article-cards .bonusType:nth-child(n+3):hover:after {
        height: calc(100% - 98px) !important;
        top: -14px;
    }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:nth-child(n + 3) .read-more {
        font-size: 0;
        padding: 0 1.7rem;
        height: 5.6rem;
        left: unset;
        right: 1.6rem;
        top: unset !important;
        bottom: 25px;
    }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:nth-child(n + 3) .back .read-more:after {
        margin: 0;
    }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:nth-child(n + 3) .card-title {
        width: 100%;
        left: 0;
        position: absolute;
        top: unset;
        bottom: 0;
        height: 11.2rem;
        font-size: 2rem;
        background-color: #1b204f;
        padding: 0 7.6rem 0 1.6rem;
        display: flex;
        align-items: center;
        line-height: 22px;
        padding-bottom: 10px;
        border-bottom-left-radius: 1.6rem;
        border-bottom-right-radius: 1.6rem;
    }

    .promotions_wrapper .article-cards:not(.network-promotions) .bonusType:nth-child(n + 3) .back .content {
        top: unset !important;
        bottom: 15px;
        left: 1.6rem;
    }

    .promotions_wrapper .Container__Item.article-cards:before {
        display: none;
    }

    .promotions_wrapper > .Container__Item:nth-of-type(1) {
        padding-bottom: 5.4rem;
    }

    .promotions_wrapper .network-promotions .card-title {
        font-size: 2rem;
    }

    .promotions_wrapper .network-promotions img {
        height: 240px;
        object-position: center;
        transition: all 0.3s ease 0s;
    }

    .promotions_wrapper .article-cards.network-promotions .bonusType {
        overflow: hidden;
        border-radius: 1.6rem;
    }

        .promotions_wrapper .article-cards.network-promotions .bonusType .front a:after {
            opacity: 0.6;
            background: linear-gradient(270deg, rgba(27, 32, 79, 0), rgb(10, 14, 53)), rgba(27, 32, 79, 0.6);
            inset: 0;
        }

    .promotions_wrapper .network-promotions .bonusType:hover .front img {
        transform: scale(1.1);
    }

    .promotions_wrapper .network-promotions .back .read-more {
        height: 4rem;
        background-color: var(--white-color);
        color: rgb(27, 32, 79);
        left: unset;
        right: 3.2rem;
        transition: all 0.3s ease 0s;
    }

    .promotions_wrapper .article-cards.network-promotions .bonusType .back .read-more:after,
    .promotions_wrapper .network-promotions .bonusType:hover .back .read-more {
        color: rgb(0, 102, 221);
    }

    .promotions_wrapper > .Container__Item:nth-of-type(4) {
        padding: 10rem 0 5.4rem;
        background-color: rgb(247, 248, 249);
    }

    .promotions_wrapper .Content__Item:nth-of-type(3) {
        position: relative;
        top: 90px;
    }

.navigation_content #contentText, .loyalty-program-container #contentText {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 auto;
    max-width: 131.2rem;
    padding: 1.2rem 1.6rem;
}

    .navigation_content #contentText a {
        opacity: .6;
        transition: opacity .3s;
        color: #1b204f;
    }

        .navigation_content #contentText a:hover {
            opacity: 1;
        }

/*------------------------------------------------------------------------ Promotions bgaming -----------------------------------------------------------------*/
.page-network-promo .text-page > h1:nth-child(2), .page-network-promo .text-page > div, .qualifying-games-container,
.page-network-promo .promotions-network-section > h1:nth-child(2), .evoplay-promo-container .promotions-network-section__header,
.evoplay-promo-container .promotions-network-bonus, .page-network-promo .game-list-wrapper, .page-network-promo .Container__Item.nav-simple,
.page-network-promo #contentText p, .evoplay-promo-container #contentText h4,
.smartsoft-promo-container .text-page > h1:nth-child(2), .smartsoft-promo-container .rules__container,
.cashback_content, .weekly_bonus_content, .aviator-promo-container #contentText:nth-child(2), .aviator-promo-container h1,
.dropsandwins-promo-container #contentText:nth-child(2), .dropsandwins-promo-container .rules__container,
.megawheel-promo-container #contentText:nth-child(2), .megawheel-promo-container .rules__container,
.crashandwin-promo-container #contentText:nth-child(2), .crashandwin-promo-container .rules__container,
.spinomenal-promo-container #contentText .text-page, .spinomenal-promo-container #contentText .rules__container,
.content-page.faq #contentText > div {
    max-width: 130rem;
    margin: auto;
}

.page-network-promo .text-page > h1:nth-child(1) {
    margin: 0;
}

.page-network-promo .text-page > h1:nth-child(2), .page-network-promo .promotions-network-section > h1:nth-child(2) {
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
    padding: 4.8rem 0 3.2rem;
}

.evoplay-promo-container #contentText:last-child, .page-network-promo #contentText #contentText, .aviator-promo-container #contentText:last-child,
.dropsandwins-promo-container #contentText:last-child, .dropsandwins-promo-container #contentText:nth-child(2),
.megawheel-promo-container #contentText:last-child, .crashandwin-promo-container #contentText:nth-child(2),
.crashandwin-promo-container #contentText:last-child, .spinomenal-promo-container .rules, .spinomenal-promo-container .text-page,
.evoplay-promo-container #contentText:nth-child(6), .smartsoft-promo-container #contentText:nth-child(6) {
    padding: 4.8rem 0;
    background-color: #f7f8f9;
}

.bgaming-promo-container .promotions-network-section > h1 {
    padding-top: 4.8rem;
    margin: 0 !important
}

.promotions-network-section__header {
    margin: 0px auto 1.2rem;
    padding: 0px 0 1.6rem;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    position: relative;
}

    .promotions-network-section__header::after {
        content: "";
        width: 100%;
        height: 0.4rem;
        max-width: 12rem;
        position: absolute;
        bottom: 0px;
        left: 0;
        background: rgb(255, 88, 35);
    }

.promotions-network-bonus {
    display: flex;
}

.promotions-network-bonus__info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 10.2rem;
    padding: 0.4rem 0.5rem 0.4rem 11.8rem;
    position: relative;
}

    .promotions-network-bonus__info .promotions-network-bonus__label {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3rem;
        color: rgba(51, 51, 51, .8);
    }

    .promotions-network-bonus__info .promotions-network-bonus__value {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem;
    }

    .promotions-network-bonus__info img {
        position: absolute;
        left: 0;
        top: 0;
    }

.promotions-network-bonus__value h2, .smartsoft-promo-container h2, .cashback_content .bonus-page h2,
.bonuses-terms__content h2, .dropsandwins-promo-container h2, .megawheel-promo-container h2, .crashandwin-promo-container h2 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: 700;
}

.promotions-network-bonus__value li, .promotions-network-bonus__value p, .evoplay-promo-container #contentText p, .evoplay-promo-container #contentText h4,
.smartsoft-promo-container p, .page-network-promo .rules__container li, .page-network-promo p {
    margin-bottom: 1.6rem !important;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
}

.qualifying-games-container .game-nav, .page-network-promo .game-nav {
    margin: 0;
    padding: 2.4rem 0px 1.6rem;
    background-image: unset;
    border: none;
}

    .qualifying-games-container .game-nav li, .evoplay-promo-container .game-nav li, .smartsoft-promo-container .game-nav li {
        padding: 0;
    }

        .qualifying-games-container .game-nav li a, .page-network-promo .game-nav a {
            color: rgb(27, 32, 79);
            text-transform: capitalize;
            font-size: 2rem;
            font-weight: 700;
            line-height: 3rem;
        }

.qualifying-games-container .casino-game-list-item, .evoplay-promo-container .casino-game-list-item, .smartsoft-promo-container .casino-game-list-item {
    padding: 0 !important;
}

.evoplay-promo-container, .smartsoft-promo-container, .aviator-promo-container, .aviator-promo-container #contentText #contentText,
.dropsandwins-promo-container, .dropsandwins-promo-container #contentText:nth-child(2), .crashandwin-promo-container,
.crashandwin-promo-container #contentText:nth-child(2), .spinomenal-promo-container, .spinomenal-promo-container .text-page,
.megawheel-promo-container {
    background: var(--white-color);
}

    .evoplay-promo-container .load-more-container {
        margin: 0 0 8.4rem;
    }

    .smartsoft-promo-container h2, .smartsoft-promo-container p strong, .smartsoft-promo-container ul li strong {
        color: rgb(255, 72, 0);
    }

    .smartsoft-promo-container ul li, .cashback_content .text-page ol li, .cashback_content .text-page ul li, .bonus_terms_container li,
    .page-network-promo .rules__container ul li, .privacy_policy_container ul li, .kyc_policy_container ul li, .rules_of_play_container li,
    .anti_money_container li, .game-providers-text ul:not(:first-child) li {
        padding-left: 3.5rem;
        position: relative;
    }

        .smartsoft-promo-container .rules ul li::before, .bonuses-terms__content ol li ul li:before,
        .cashback_content ul li::before, .page-network-promo .rules__container ul li::before,
        .bonus_terms_container li ul li::marker, .privacy_policy_container ul li:before,
        .kyc_policy_container ul li:before, .anti_money_container li ul li:before, .game-providers-text ul:not(:first-child) li:before {
            content: "*";
            color: rgb(0, 102, 221);
            font-size: 2rem;
            font-weight: 700;
            left: 0px;
            position: absolute;
        }

/*------------------------------------------------------------------------ welcome bonus -----------------------------------------------------------------*/

.welcome_bonus_banner .Item {
    overflow: hidden;
}

.welcome_bonus_content > #contentText,
.bonuses-terms__get .scene {
    margin: 0 auto;
    max-width: 101.2rem;
    padding: 0 1.6rem;
}

    .welcome_bonus_content > #contentText:nth-child(1) {
        padding: 4.8rem 1.6rem;
    }

.welcome_bonus_banner .Item img {
    height: 35rem;
    object-fit: cover;
    transform: scale(1.3);
    animation: welcomebannerimg .5s .5s ease forwards;
}

@keyframes welcomebannerimg {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.welcome_bonus_banner .Item:before, .welcome_bonus_banner .Item:after {
    background-size: cover;
    width: 320px;
    transform: translate3d(0, 100%, 0);
    animation: welcomebanner .5s .5s ease forwards;
    z-index: 5;
}

@keyframes welcomebanner {
    0% {
        transform: translate3d(0, 100%, 0);
    }

    100% {
        transform: translateZ(0);
    }
}

.welcome_bonus_banner .Item:before {
    right: 68%;
}

.welcome_bonus_banner .Item:after {
    left: 68%;
}

.bonuses-terms__title {
    font-size: 4rem;
    font-weight: 700;
    color: rgb(27, 32, 79);
}

.bonuses-terms__description {
    color: rgb(128, 138, 166);
    font-size: 2.4rem;
    font-weight: 700;
    padding: 1.6rem 0px 3.2rem;
}

.bonuses-terms__row.--deposits {
    border-radius: 2.4rem;
    display: flex;
    padding: 0.8rem;
    margin: 0px -0.8rem;
    background: rgb(247, 248, 249);
    color: rgb(27, 32, 79);
}

.bonuses-terms__row-col {
    flex: 1 1 0%;
    padding: 0.8rem;
}

    .bonuses-terms__row-col .deposits-card {
        padding: 2.4rem;
        min-height: 220px;
        border-radius: 1.6rem;
        overflow: hidden;
        background-image: url(../img/banners/number-1.svg);
        background-position: calc(100% - 1.6rem) 100%;
        background-repeat: no-repeat;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(75, 74, 120, 0.11) 0px 1rem 1.6rem;
        opacity: 0;
        animation: fade 1s ease 1.5s 1 forwards;
    }

@keyframes fade {
    100% {
        opacity: 1;
    }
}

.bonuses-terms__row-col .deposits-card.--two {
    background-image: url(../img/banners/number-2.svg);
    animation-delay: 2.5s;
}

.bonuses-terms__row-col .deposits-card.--three {
    background-image: url(../img/banners/number-3.svg);
    animation-delay: 3.5s;
}

.deposits-card__header {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
}

.deposits-card__content {
    max-width: 40rem;
    padding: .8rem 0 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deposits-card__label, .deposits-card__value {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
}

.deposits-card__label {
    color: #808aa6;
    padding: 0 0 .4rem;
}

.bonuses-terms__row-col .deposits-card .deposits-card__footer {
    opacity: .5;
    transform: scale(1.18);
    animation: scale 1s ease .5s 1 forwards;
    animation-delay: 1.5s;
}

@keyframes scale {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.deposits-card__footer-text {
    display: flex;
    gap: 1.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
}

    .deposits-card__footer-text:before {
        content: '';
        display: block;
        width: 64px;
        height: 64px;
        min-width: 64px;
        background: url(../img/banners/prizepool.svg);
        background-size: contain;
    }

.bonuses-terms__row-col .deposits-card.--two .deposits-card__footer {
    animation-delay: 2.5s;
}

.bonuses-terms__row-col .deposits-card.--three .deposits-card__footer {
    animation-delay: 3.5s;
}

.welcome_bonus_content {
    background-color: var(--white-color) !important;
}

.bonuses-terms__content {
    padding: 2.8rem 1.6rem 1.8rem;
}

    .bonuses-terms__content h2 {
        line-height: 3.2rem;
    }

    .bonuses-terms__content ol, .saturday_quest_content ol, .game-providers-text ol {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.8rem;
    }

        .bonuses-terms__content ol li, .saturday_quest_content ol li, .aviator-promo-container ol li, .game-providers-text ol li {
            margin: 0 0 30px 20px;
            padding-left: 2.5rem;
            position: relative;
        }

            .bonuses-terms__content ol li::marker, .bonuses-terms__content ul li::marker, .saturday_quest_content ol li::marker,
            .aviator-promo-container ol li::marker, .game-providers-text ol li::marker {
                font-weight: 700;
                color: #06d;
            }

            .bonuses-terms__content ol li ul {
                margin-top: 30px;
            }

.bonuses-terms__get {
    padding: 4.8rem 0;
    background: #f1f4fc;
}

    .bonuses-terms__get .front, .bonuses-terms__get .close-info {
        display: none;
    }

.bonuses-terms__get-title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding: 0 1.6rem 3.2rem;
}

.bonuses-terms__get .bonuses-terms__row {
    display: flex;
    margin: 0 -.8rem;
    padding: .8rem;
    border-radius: 2.4rem;
}

.bonuses-terms__row-col {
    padding: .8rem;
    flex: 1;
}

.rule-card {
    display: flex;
    align-items: flex-start;
}

    .rule-card:before {
        content: '';
        display: block;
        width: 80px;
        min-width: 80px;
        height: 81px;
        background: url(../img/banners/rule-1.svg);
    }

.bonuses-terms__row-col:nth-of-type(2) .rule-card:before {
    background: url(../img/banners/rule-2.svg);
}

.bonuses-terms__row-col:nth-of-type(3) .rule-card:before {
    background: url(../img/banners/rule-3.svg);
}

.rule-card__info {
    padding: 0 0 0 .8rem;
}

.rule-card__title {
    padding: 0 0 .8rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
}

.rule-card__description {
    color: #808aa6;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
}

.bonuses-terms__get .back {
    display: flex;
    flex-direction: column;
}

.bonuses-terms__get .read-more, .bonus-page .btn-wrap a {
    margin: auto;
    transition: unset;
}

.footer-background, .saturday_quest_content {
    padding-bottom: 105px !important;
}

    /*------------------------------------------------------------------------ cashback bonus -----------------------------------------------------------------*/
    .cashback_content, .saturday_quest_content #contentText, .weekly_bonus_content {
        border-radius: 1.2rem;
        background-color: var(--white-color) !important;
        overflow: hidden;
        box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
    }

        .cashback_content #contentText, .saturday_quest_content #contentText, .weekly_bonus_content #contentText {
            margin: 0 auto;
            max-width: 130rem;
            padding: 4rem 6rem 5rem;
        }

    .text-page h1, .saturday_quest_content .bonus-page h3, .saturday_quest_content .bonus-page h1, .page-network-promo h1, .rules_of_play_container h1,
    .game-providers-container .game-nav.row a {
        font-size: 3.6rem;
        margin-bottom: 2rem !important;
        font-weight: 700;
    }

.text-page p {
    margin-bottom: 3rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
}

.box {
    border-radius: 1rem;
    margin: 0 0 2rem;
}

.box__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2rem;
}

.box__col {
    flex: 1 0 33%;
    margin: 0 0 4rem;
    padding: 0 2rem;
    width: 100%;
}

.box-el {
    background: #f7f8f9;
    border-radius: 1.2rem;
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 3.6rem;
    width: 100%;
}

.box-el__title {
    color: #1b204f;
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 2rem;
}

.formula {
    display: flex;
    flex-wrap: wrap;
    font-weight: 900;
    margin: 0 0 2rem;
}

.formula__group, .formula__part {
    align-items: center;
    display: flex;
}

.formula__part {
    margin: 0 0 2rem;
    max-width: 100%;
}

.formula__symbol {
    color: #ff5823;
    display: block;
    flex-shrink: 0;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    width: 2rem;
    font-weight: 700;
}

.formula__box--bg {
    background: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
    margin: 0 .7rem;
    min-width: 10rem;
    padding: .2rem;
}

.formula__box {
    display: flex;
    flex: 0 1;
    flex-direction: column;
    justify-content: center;
    min-height: 6rem;
    padding: .7rem 2.6rem;
    text-align: center;
    line-height: 1.15;
}

.formula__box-number, .formula__box-value {
    color: #1b204f;
    font-size: 2rem;
    font-weight: 700;
}

.formula__box-label {
    color: #abacbc;
    font-size: 1.3rem;
    font-weight: 700;
}

.formula__group {
    width: 100%;
    margin: 0 .7rem;
    display: flex;
    justify-content: space-around;
    background: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
}

.formula__box-label--small {
    font-size: 1rem;
}

.formula__box--left {
    padding: 1.2rem;
    text-align: left;
}

.box-list {
    color: #1b204f;
}

.box-list__item {
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 2rem;
}

.box-list__label {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-weight: 900;
}

    .box-list__label:after, .small_text div {
        color: #ff5823;
        content: "-";
        display: inline-block;
        margin: 0 1rem;
    }

.box-list__text {
    font-size: 1.4rem;
}

.box-list__item:last-child {
    margin: 0;
}

.cashback_content .bonus-page h2, .bonus-page h2 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    font-weight: 700;
}

.cashback_content .text-page ol, .cashback_content .text-page p, .cashback_content .text-page ul {
    font-size: 1.6rem;
}

.text-page li, .text-page p, .privacy_policy_container ul li, .kyc_policy_container ul li, .game-providers-text p, .game-providers-text ul:not(:first-child) li {
    margin-bottom: 3rem;
    font-size: 1.6rem;
}

/*-------------------------------------------------------------------- Saturday quest bonus ---------------------------------------------------------------*/
.saturday_quest_content .main-title {
    margin-top: 0;
}

.saturday_quest_content .bonus-page {
    color: #1b204f;
}

.bonus-page .scheme {
    display: block;
    margin: 0 .5rem 2rem;
    padding: .1rem 3.5rem;
    background: #f7f8f9;
    border-radius: 1.2rem;
    color: #1b204f;
}

    .bonus-page .scheme h2, .bonus-page .scheme h2 ~ .hi {
        margin: 3.5rem 0 0;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.3rem;
    }

    .bonus-page .scheme p, .bonus-page .scheme .title:nth-child(2) {
        margin: .8rem 0 1.6rem;
        line-height: 2.2rem;
        font-size: 1.6rem;
    }

.bonus-page .hi {
    color: #ff5823;
    font-weight: 700;
}

.saturday_quest_content .scheme .title, .small_text {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.bonus-page .scheme-block {
    width: calc(100% + 2.4rem);
    margin: 0 -1.2rem;
    display: flex;
    flex-wrap: wrap;
}

.bonus-page .scheme-row {
    width: auto;
    margin: 0 0 2.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 2rem;
    font-weight: 700;
}

.bonus-page .block {
    align-items: center;
    background: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
    display: flex;
    justify-content: center;
    min-height: 6.4rem;
    min-width: 11rem;
    font-weight: 700;
}

.bonus-page .scheme-row .block,
.bonus-page .scheme-row > div {
    margin: 0 1.2rem;
}

.bonus-page .block-wide {
    font-weight: 700;
}

.bonus-page .block.big {
    padding: .7rem 3.4rem .8rem 1.1rem;
}

.bonus-page img {
    margin-right: 1.5rem;
    margin-top: -1.5rem;
    width: 5rem;
}

.bonus-page .scheme small {
    color: #abacbc;
}

.bonus-page .scheme .provider, .bonus-page .scheme small {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.9rem;
}

.block-description div {
    font-weight: 700;
}

/*-------------------------------------------------------------------- Weekly Bonus ---------------------------------------------------------------*/

.box-el--after {
    position: relative;
}

    .box-el--after:after {
        align-items: center;
        bottom: 0;
        color: #fa4b14;
        content: "+";
        display: flex;
        font-size: 2rem;
        font-weight: 900;
        height: 4rem;
        justify-content: center;
        left: 100%;
        margin: auto;
        position: absolute;
        right: auto;
        top: 0;
        width: 4rem;
    }

.box-el__title--award, .box-el__title--calendar, .box-el__title--check-square {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .box-el__title--award:before, .box-el__title--calendar:before, .box-el__title--check-square:before {
        content: "";
        display: block;
        height: 3.2rem;
        margin: 0 .5rem 0 0;
        width: 3.2rem;
    }

    .box-el__title--award:before {
        background: url(../img/icons/award.svg) 50% / 80% no-repeat;
    }

    .box-el__title--calendar:before {
        background: url(../img/icons/calendar.svg) 50% / 80% no-repeat;
    }

    .box-el__title--check-square:before {
        background: url(../img/icons/check-square.svg) 50% / 80% no-repeat;
    }

.block-el {
    background: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, .11);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-around;
    padding: 2rem 3rem;
}

.block-el__title, .block-el__title .hi div:not(.block-el__desc) {
    color: #1b204f;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.4;
    margin: 0 0 2rem;
    text-align: center;
}

.block-el__desc {
    color: #808aa6;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
}

.text-page a:not([class]) {
    color: #06d;
    text-decoration: none;
}

.weekly_bonus_content .btn, .weekly_bonus_content .btn:hover {
    width: 100%;
    background: transparent !important;
    box-shadow: none;
}

    .weekly_bonus_content .btn a {
        margin: auto;
        background-color: #65b812;
    }

    .weekly_bonus_content .btn a, .btn-wrap a {
        color: white !important;
    }

        .weekly_bonus_content .btn a:hover {
            background-color: #73ca1c;
            box-shadow: 0 10px 16px rgba(75, 74, 120, .11);
            transition: unset;
        }

/*------------------------------------------------------------------------ cashback bonus -----------------------------------------------------------------*/
.aviator-promo-container .rules__container {
    margin: 0px auto;
    max-width: 130rem;
    padding: 0px 1.6rem;
    color: rgb(27, 32, 79);
    font-family: "Open Sans", Roboto, sans-serif;
    font-size: 14px;
    background-color: rgb(247, 248, 249);
}

/*------------------------------------------------------------------------ Spinoleague -----------------------------------------------------------------*/

.rules__container table {
    margin-bottom: 3rem;
    background-color: #fff;
    border: .2rem solid #eeeff3;
}

.rules__container tr:nth-child(odd) {
    background: #eeeff3;
    background: rgba(238, 239, 243, .6);
}

.rules__container tr {
    border-bottom: .1rem solid #eeeff3;
    padding: 2rem 0;
}

.rules__container td {
    color: #1b204f;
    position: relative;
}

.rules__container td, .rules__container th {
    font-size: 1.8rem;
    padding: 1.9rem 10px 2rem;
    font-weight: 700;
}

.spinomenal-promo-container .promotions-network-section h1 span {
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
    padding: 0 1.6rem 3.2rem;
}
/*--------------------------------------------------------------------------- Footer--------------------------------------------------------------------*/

.footer_group_container {
    background-color: rgb(21, 29, 39);
}

.footer_group_wrapper {
    max-width: 135rem;
    width: 100%;
    margin: auto;
    padding: 20px 2.5rem 0;
}

.footer_text_container {
    margin-bottom: 14.8rem;
    display: flex;
    justify-content: space-between;
}

    .footer_text_container .Item {
        flex: 1;
        max-width: 32.2rem;
    }

.footer_group_container .Item__Title {
    color: var(--white-color);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.7;
    width: 100%;
}

    .footer_group_container .Item__Title:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        margin: 2.8rem 0px;
        background: linear-gradient(90deg, rgb(0, 102, 221), transparent);
    }

.footer_text_container .Item:not(:nth-child(2)) ul {
    display: flex;
    flex-wrap: wrap;
}

.footer_group_container .Container__Item li:not(.Item__Title) {
    width: 50%;
    line-height: 2.4rem;
    margin-bottom: 1.5rem;
    transition: color 0.3s ease 0s;
}

    .footer_group_container .Container__Item li:not(.Item__Title) a {
        display: block;
        width: 100%;
        color: rgb(171, 172, 188);
    }

.footer_language {
    padding: 0px 0px 3.2rem;
    text-align: right;
}

.footer_group_container .Language {
    height: 4.8rem;
    padding: 0px 1.2rem;
    display: inline-flex;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    background: white;
    border-radius: 2.4rem;
}

.footer_providers_container {
    padding: 6rem 0px 8.6rem;
    background: rgb(14, 19, 25);
}

    .footer_providers_container .footer_providers_group .Container__Item .Container__Item > div {
        max-width: 136.4rem;
        padding: 0px 2.5rem;
        display: flex;
        margin: auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer_providers_container .footer_providers_group .Container__Item .Container__Item:nth-of-type(1) > div .Item {
        height: 4rem;
        width: 15rem;
        margin: 0.5rem 0px;
        pointer-events: none;
        text-align: center;
    }

.footer_providers_group .Container__Item:nth-of-type(2) {
    width: 100%;
    max-width: 135rem;
    min-height: 8rem;
    padding: 0 2.5rem;
    margin: 6rem auto 4.4rem auto;
}

    .footer_providers_group .Container__Item:nth-of-type(2) > div {
        justify-content: center !important;
        padding: 2rem 1rem !important;
        background: #151d27;
        border-radius: 1.6rem;
    }

        .footer_providers_group .Container__Item:nth-of-type(2) > div .Item {
            margin: 1rem .8rem;
            pointer-events: none;
        }

.footer_providers_group .Container__Item:nth-of-type(4) {
    margin: 2rem 0 4rem;
}

.footer_providers_group .Container__Item:nth-of-type(3) img {
    height: 4.3rem;
}

.footer_providers_container .footer_providers_group .Container__Item .Container__Item:nth-of-type(3) > div {
    justify-content: center;
    gap: .5rem;
}

.footer_providers_container .footer_providers_group .Container__Item .Item:nth-child(4) {
    pointer-events: none;
}

.footer_providers_group #contentText {
    font-size: 1.2rem;
    line-height: 1.6rem;
    opacity: .5;
    color: #abacbc;
    margin: auto;
    max-width: 135rem;
    width: 100%;
}

.Payments {
    align-items: center;
    background: #151d27;
    border-radius: 1.6rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
    min-height: 8rem;
    padding: 2rem 1rem;
    width: 100%;
}

.footer_providers_group {
    margin: auto;
    max-width: 135rem;
    padding: 0 2.5rem;
    width: 100%;
}

.footer_providers_container .scroll_top {
    position: fixed;
    visibility: hidden;
    bottom: 4rem;
    right: 2.4rem;
    background: url('../img/icons/scroll-top.svg');
    text-align: center;
    cursor: pointer;
    z-index: 10;
    border-radius: 2.4rem;
    box-shadow: 0 1rem 1.6rem 0 rgba(75,74,120,.11);
    height: 4.8rem;
    opacity: 1;
    width: 4.8rem;
    margin-top: 2.8rem;
}

    .footer_providers_container .scroll_top.out {
        visibility: visible;
        bottom: 8rem;
        transition: all 1s ease;
    }

        .footer_providers_container .scroll_top.out.clicked {
            opacity: 0;
        }

            .footer_providers_container .scroll_top.out.clicked ~ .rocket_anim {
                content: '';
                display: block;
                width: 50px;
                height: 60px;
                background: url(../img/icons/rocket.png) no-repeat;
                background-size: contain;
                position: fixed;
                right: 18px;
                bottom: 70px;
                transform: rotate(-45deg);
                transition: all 1s;
                animation: rocket 1.2s forwards linear;
                opacity: 1;
                z-index: 12;
            }


@keyframes rocket {
    0% {
        transform: rotate(-40deg);
    }

    20% {
        bottom: 113px;
        transform: rotate(-24deg);
        right: 11px;
    }

    30% {
        bottom: 140px;
        transform: rotate(-22deg);
        right: 8px;
    }

    50% {
        bottom: 180px;
        transform: rotate(-60deg);
        right: 28px;
    }

    80% {
        bottom: 220px;
        transform: rotate(-65deg);
        right: 40px;
        opacity: .8;
    }

    100% {
        bottom: 230px;
        transform: rotate(-67deg);
        right: 45px;
        opacity: 0;
    }
}

.footer_providers_group .Responsible_Gaming_container .Item {
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer_providers_group .Responsible_Gaming_container ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer_providers_group .Responsible_Gaming_container li:not(.addictive, .age-eighteen-above) a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.footer_providers_group .Responsible_Gaming_container li:not(:first-child) {
    background: url(../img/banners/responsibility-icons.webp) no-repeat;
    height: 36px;
    margin: 0.5rem 1rem;
}

.age-eighteen-above {
    width: 36px;
    background-position: 0px 0px;
}

.gambler-anonymous {
    width: 43px;
    background-position: -56px 0px !important;
}

.gamcare {
    width: 30px;
    background-position: -119px 0px !important;
}

.begambleaware {
    width: 250px;
    background-position: -171px 0px !important;
}

.addictive {
    width: 170px;
    background-position: -439px 0px !important;
}
/*--------------------------------------------------------------------------- TOP games--------------------------------------------------------------------*/

.game_categories_two {
    display: flex;
    justify-content: center;
    position: relative;
}

    .game_categories_two .name-cat-title p,
    .game_categories_two .name-cat-title p a{
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
    }

    .game_categories_two .game-nav, .Wrapper--Single-Game-Categories .game-nav, .game-category-selector-container-replacer, .Game-Categories-Wrapper .nav-simple > .game-nav ul {
        display: none !important;
    }

    .game_categories_two .game-list-normal {
        max-width: 1268px;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 175px;
        z-index: 5;
    }

    .game_categories_two .game-list-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .game_categories_two .Container__Item.casino-game-list.casino-game-list-item {
        padding: 10px 0 0px;
    }

    .game_categories_two .casino-game-list-item .product-wrapper:not(.hero) {
        margin-top: 6px;
    }

    .game_categories_two .game-list-normal:not(.placeholder) .product-wrapper:not(.slick-initialized) {
        opacity: 0 !important;
    }

    .game_categories_two .slick-dots {
        bottom: -30px;
        white-space: nowrap;
    }

.slick-dots li {
    width: 8px;
    margin: 0px 0.6rem;
}

    .slick-dots li button {
        width: auto;
        height: auto;
        padding: 0;
    }

        .slick-dots li button:before {
            width: auto;
            color: #000;
            opacity: .2;
            font-size: 9px;
        }

.slick-dots .slick-active button:before {
    color: rgb(37, 134, 248) !important;
    opacity: 1 !important;
}

.slick-next, .slick-prev {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: end;
    top: unset;
    bottom: -37px;
    background: unset;
    z-index: 5;
    transform: unset;
}

.slick-next {
    right: 38%;
    justify-content: left;
}

    .slick-next::before, .slick-prev::before {
        color: #808aa6;
        content: '\e912';
        font-size: 22px;
        font-family: 'template9' !important;
        transition: all .3s;
    }

.slick-prev {
    left: 38%;
    justify-content: right;
}

    .slick-prev::before {
        content: '\e913';
    }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: unset;
        color: rgba(128, 138, 166, .2);
        cursor: default;
    }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: .2;
}

.game_categories_two .casino-game-list-item .product-wrapper:not(.slick-initialized) {
    display: flex !important;
    grid-gap: unset !important;
}

    .game_categories_two .casino-game-list-item .product-wrapper:not(.slick-initialized) article:nth-child(n+6) {
        display: none;
    }

.game_categories_two .casino-game-list-item .product-wrapper:not(.hero) {
    height: 200px;
    grid-template-columns: auto 250px auto !important;
    grid-template-areas:
        'games games games'
        'prev dots next';
    grid-auto-rows: 1fr !important;
    grid-template-rows: 200px 1fr !important;
}

.slick-dots, .slick-prev, .slick-next {
    position: unset;
}

.slick-list {
    grid-area: games;
}

.slick-dots {
    grid-area: dots;
}

.slick-prev {
    grid-area: prev;
}

.slick-next {
    grid-area: next;
}

.game_categories_two .casino-game-list-item .product-card {
    height: 200px !important;
    padding: 0 .8rem;
}

.game_categories_two .game-list-normal.placeholder .casino-game-list-item .product-wrapper {
    grid-gap: 16px !important;
}

    .game_categories_two .game-list-normal.placeholder .casino-game-list-item .product-wrapper .product-card .product-thumb {
        width: 100%;
        height: 200px !important;
        left: 0;
        bottom: 0;
    }

.Wrapper--Single-Game-Categories .game-list-slidable.placeholder .product-wrapper {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr 1fr;
}

.Wrapper--Single-Game-Categories .game-list-slidable.placeholder .casino-game-list-item .product-wrapper:not(.hero) .product-card {
    width: auto !important;
    height: auto !important;
}

    .Wrapper--Single-Game-Categories .game-list-slidable.placeholder .casino-game-list-item .product-wrapper:not(.hero) .product-card:hover .product-desc,
    .game_categories_two .game-list-normal.placeholder .casino-game-list .product-wrapper:not(.slick-initialized) .product-card:hover .product-desc {
        background: unset !important;
    }

.game_categories_two .product-card:not(.slick-slide):nth-child(n+7) {
    display: none;
}

.game_categories_two .sub-game-nav li.selected {
    display: inline-block !important;
}

    .game_categories_two .sub-game-nav li.selected a {
        color: black;
        font-weight: 700;
        display: flex;
        align-items: center;
        font-size: 1.6rem;
    }

        .game_categories_two .sub-game-nav li.selected a:before {
            content: '';
            display: inline-block;
            width: 32px;
            height: 32px;
            background: url('../img/banners/SVG/top.svg');
            background-size: cover;
        }

.game_categories_two .sub-game-nav {
    background-color: unset !important;
}

.game_categories_two .sub-game-nav-block {
    display: block;
    width: 128rem;
    position: relative;
}

    .game_categories_two .sub-game-nav-block .sub-game-nav {
        position: absolute;
        top: 140px;
        left: 8px;
    }

.game_categories_two .casino-game-list-item .product-wrapper .product-card .picture-productThumb:after {
    background: linear-gradient(337deg, rgba(255, 88, 35, .15) 31.1%, rgba(255, 88, 35, .8) 81.89%), rgba(41, 0, 0, .6);
    border-radius: inherit;
    inset: 0;
    content: "";
    left: 8px;
    position: absolute;
    width: calc(100% - 16px);
    height: 80%;
    border-radius: 1.6rem;
}

.game_categories_two .casino-game-list-item .product-wrapper .product-card .product-thumb {
    border-radius: 1rem;
    position: absolute;
    z-index: 5;
    height: 10.4rem;
    min-width: 10.4rem;
    width: 10.4rem;
    bottom: 25px;
    left: 25px;
}

.game_categories_two .casino-game-list .product-card .product-title, .game_categories_two .casino-game-list .product-card:hover .product-title {
    width: calc(100% - 72px);
    top: 1.6rem;
    left: 3.2rem;
    text-align: left;
    font-size: 1.6rem !important;
    color: var(--white-color) !important;
}

.game_categories_two .casino-game-list .product-card .user-product-ctrl .play-now,
.welcome_offer_container .play-now-btn .play-now, body.LoggedIn .Main article .play-now,
.mobile #gameModal .Button--play-real, .mobile #gameModal .Button--play-demo {
    width: auto !important;
    height: 4rem;
    opacity: 1;
    transform: unset !important;
    font-size: 1.4rem !important;
    font-weight: 700;
    text-transform: capitalize !important;
    position: relative;
}

.game_categories_two .casino-game-list .product-card .user-product-ctrl {
    width: 93px;
    transform: unset;
    right: 2.4rem;
    left: unset;
    top: 40%;
}

.fav-game {
    padding: 5px;
    text-align: right;
    display: none;
}

.game_categories_two .fav-game.fC {
    margin-right: .8rem;
    display: block;
}

.game_categories_two .casino-game-list .product-card .user-product-ctrl .demo {
    opacity: 1;
    bottom: 12px;
    color: rgba(214,220,238,.8);
    margin-top: -10px;
    padding: 0;
}

.lar.la-heart:before {
    font-size: 22px;
    color: var(--white-color);
}

.game_categories_two .product-producer-container {
    display: none;
}

body:not(.mobile) .Wrapper--Single-Game-Categories .casino-game-list .product-card:hover .fav-game,
body:not(.mobile) .casino-game-list .product-card:hover .fav-game {
    display: block;
}

/*--------------------------------------------------------------------------- Game-Categories--------------------------------------------------------------------*/

.Container--full.Game-Categories-Wrapper, .footer-background, .saturday_quest_content {
    background: url(../img/banners/vegas_city.webp) no-repeat;
    background-position: bottom;
}

.Wrapper--Single-Game-Categories, .Game-Categories-container {
    max-width: 130rem;
    margin: auto;
    padding-bottom: 10rem;
    position: relative;
}

    .Wrapper--Single-Game-Categories .Game-Categories, .Game-Categories-container .sub-game-nav ul {
        display: flex;
        justify-content: space-between;
        margin-right: 70px;
    }

        .Wrapper--Single-Game-Categories .Game-Categories .Item, .Game-Categories-container .sub-game-nav li,
        .Game-Categories-banners .Item, .overflow-dots .currentPageName {
            padding: 0px 2.4rem;
        }

            .Wrapper--Single-Game-Categories .Game-Categories .Item a, .Game-Categories-container .sub-game-nav li a,
            .Game-Categories-banners .Item a {
                align-items: center;
                display: inline-flex;
                height: 4.8rem;
                color: rgb(27, 32, 79);
                transition: all 0.3s ease 0s;
                line-height: 44px;
            }

                .Wrapper--Single-Game-Categories .Game-Categories .Item a div, .Game-Categories-container .sub-game-nav li a,
                .Game-Categories-banners .Item a div {
                    white-space: nowrap;
                    font-weight: 700;
                    color: #1b204f;
                    font-size: 1.4rem;
                }

.Game-Categories-Wrapper .overflow-dots {
    height: 100%;
    padding: 0px 2.4rem;
    position: absolute;
    right: 16px;
    cursor: pointer;
}

    .Game-Categories-Wrapper .overflow-dots:before {
        content: '\f141';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        color: #06d;
        font-size: 34px;
        letter-spacing: 1px;
    }

.Game-Categories-Wrapper .overflow-container {
    width: 210px;
    position: absolute;
    right: 0;
    top: 64px;
    border-radius: 1.6rem;
    background-color: var(--white-color);
    box-shadow: 0.4rem 0.8rem 2.4rem rgba(12,36,99,.25);
    display: none;
}

.Wrapper--Single-Game-Categories .Game-Categories > .Item:nth-child(n+9), .Wrapper--Single-Game-Categories .overflow-container > .Item,
.overflow-container .close, .Game-Categories-container .sub-game-nav ul > li:nth-child(n+7),
.Game-Categories-container .overflow-container li,
body.LoggedIn .Game-Categories-container .sub-game-nav ul > li:nth-child(n+6) {
    display: none;
}

    .Wrapper--Single-Game-Categories .overflow-container > .Item:nth-child(n+9),
    .Game-Categories-container .overflow-container li:nth-child(n+10),
    body.LoggedIn .Game-Categories-container .overflow-container li:nth-child(n+8) {
        display: block;
    }

.Wrapper--Single-Game-Categories .Container__Item.nav-slidable, .Game-Categories-container .game-nav,
.mobile .Game-Categories-Wrapper > .Game-Categories-container .Container__Item.nav-simple:not(.Tag-Filter) {
    height: 7rem;
    margin: -6rem auto 1.6rem;
    padding: 1.6rem 110px 1.6rem 1.6rem;
    background-color: var(--white-color);
    background-image: unset;
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    position: relative;
    z-index: 10;
    overflow: visible;
    border: none;
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: white;
    background-color: rgb(0 102 221);
}

.Wrapper--Single-Game-Categories .search-wrapper, .Game-Categories-container .search-wrapper {
    padding: 5px 5px 5px 0;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

    .Wrapper--Single-Game-Categories .search-wrapper > form, .Game-Categories-container .search-wrapper > form {
        flex: 1;
    }

        .Wrapper--Single-Game-Categories .search-wrapper > form input, .Game-Categories-container .search-wrapper > form input {
            padding: 5px 0 5px 50px;
            font-size: 1.3rem;
        }

    .Wrapper--Single-Game-Categories .search-wrapper > .game-category-selector-container, .Game-Categories-container .search-wrapper > .game-category-selector-container {
        height: 48px;
        /* flex: .3; */
        margin-left: 1.6rem;
    }

        .Wrapper--Single-Game-Categories .search-wrapper > .game-category-selector-container .ss-multi-selected,
        .Game-Categories-container .search-wrapper > .game-category-selector-container .ss-multi-selected,
        .modal-dialog.search .search-wrapper .ss-multi-selected {
            width: 100%;
            padding: 8px !important;
            transition: all .3s;
        }

.game-category-selector-container .selectedInfoCount {
    display: none;
}

.game-category-selector-container .ss-main, .game-category-selector-container .ss-main .ss-multi-selected {
    height: 100%;
}

.game-category-selector-container .ss-values.ss-values_disable ~ .selectedInfoCount {
    width: 100%;
    padding-left: 8px;
    display: flex;
    align-items: center;
}

.game-category-selector-container .selectedInfoCount p {
    margin: 0;
}

.ss-main .ss-multi-selected .ss-values .ss-value {
    animation: none;
    color: #1b204f;
}

.game-category-selector-container > select {
    display: none;
}

.game-category-selector-container, .game-category-selector-container .ss-main .ss-multi-selected {
    width: 200px;
    padding: 0;
    border: none;
}

    .game-category-selector-container .ss-main .ss-multi-selected, .game-category-selector-container .ss-main .ss-multi-selected .ss-value {
        padding-left: 15px;
        background: 0 0;
        outline: none;
        border: none;
    }

    .game-nav [id^=searchTb], .game-category-selector-container .ss-main .ss-multi-selected, .game-nav ~ .search-wrapper [id^=searchTb],
    .modal-dialog.search .search-wrapper .ss-multi-selected {
        padding: 0 55px;
        background-color: #f1f4fc !important;
        border-radius: 2.8rem;
    }

.Wrapper--Single-Game-Categories .search-wrapper .glyphicon, .Game-Categories-container .search-wrapper .glyphicon {
    left: 16px;
    padding: 0;
    font-size: 2rem;
    color: #06d;
    top: 10px;
    width: 100%;
    text-align: left;
}

.glyphicon.glyphicon-search.clearForm:before {
    content: '';
}

.glyphicon.glyphicon-search.clearForm .las.la-times {
    padding-top: 8px;
    font-size: 19px;
    pointer-events: initial;
    cursor: pointer;
    color: #808aa6;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled::before {
    content: 'No games found';
    letter-spacing: 1px;
    font-size: 12px;
    white-space: pre-wrap;
}

.casino-game-list .no-games-found, #popupSearchItems .no-games-found {
    grid-column-start: 1;
    grid-column-end: 10;
    position: relative;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .05rem;
    color: #cccccc;
}

.no-games-found::after {
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 105px;
    background: url(../img/icons/no-games-found.png);
    background-size: contain;
    left: calc(50% - 27px);
    filter: brightness(0) invert(.8);
}

.Wrapper--Single-Game-Categories > .Container__Item:nth-child(1), .Wrapper--Single-Game-Categories > .Item, .Game-Categories-container .sub-game-nav.row {
    position: absolute;
    z-index: 10;
}

.Wrapper--Single-Game-Categories > .Item {
    height: 0;
    top: 76px;
    right: 0;
}

.Wrapper--Single-Game-Categories > .Container__Item:nth-child(1), .Game-Categories-container .sub-game-nav.row {
    width: 100%;
    height: 84px;
    padding: 20px 16px 16px;
    margin: 0;
    top: 70px;
    background-color: var(--white-color);
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
}

.favorite-section .Wrapper--Single-Game-Categories > .Container__Item:nth-child(1) {
    top: 94px;
}

.Wrapper--Single-Game-Categories svg, .Game-Categories-container .sub-game-nav li a:before,
.Game-Categories-banners .Item a svg, .Game-Categories-container .Item.tv-games svg,
.nav-simple.Tag-Filter.replaced button i:before, .Game-Categories-Wrapper .Tag-Filter button i:before {
    display: inline-block;
    width: 2.4rem !important;
    height: 2.4rem !important;
    margin: 0 .8rem 0 -.8rem;
    color: #06d;
    fill: #06d;
    font-size: 24px;
}

.Game-Categories-container .sub-game-nav li a, .overflow-dots .currentPageName {
    font-family: "Open Sans", sans-serif !important;
}

    .Game-Categories-container .sub-game-nav li a:before, .overflow-dots .currentPageName:before {
        font-family: 'template9' !important;
    }

.Wrapper--Single-Game-Categories .Item.favorite svg, .Game-Categories-banners .Item.favorite a svg {
    width: 38px !important;
    height: 38px !important;
}

    .Wrapper--Single-Game-Categories svg path, .Game-Categories-banners .Item.favorite a svg path,
    .Game-Categories-container .Item.favorite a svg path,
    .Game-Categories-banners .Item a svg g path, .Game-Categories-container .Item.tv-games svg g path {
        fill: #06d;
    }

.Wrapper--Single-Game-Categories > .Container__Item.game-list-slidable {
    margin-top: 435px;
}

.Wrapper--Single-Game-Categories .Container__Item.game-list-slidable .product-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    /* margin: 0px -0.8rem; */
    overflow: hidden;
    grid-gap: 0;
}

.Wrapper--Single-Game-Categories .slick-prev, .Wrapper--Single-Game-Categories .slick-next,
.Wrapper--Single-Game-Categories .Container__Item.game-list-slidable .slick-track:before,
.Wrapper--Single-Game-Categories .Container__Item.nav-slidable:not(:nth-of-type(3)) {
    display: none !important;
}

.Wrapper--Single-Game-Categories .Container__Item.game-list-slidable .slick-track,
.Wrapper--Single-Game-Categories .Container__Item.game-list-slidable .product-wrapper:not(.slick-slider) {
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: 1fr 1fr;
    gap: 16px;
}

.Wrapper--Single-Game-Categories .Container__Item.game-list-slidable .product-wrapper:not(.slick-slider) {
    padding: 10px;
}

.Wrapper--Single-Game-Categories .Container__Item.game-list-slidable article {
    width: auto !important;
    height: 100%;
    margin: 0px 0px 1.6rem;
    padding-bottom: 2.4rem;
}

    .Wrapper--Single-Game-Categories .Container__Item.game-list-slidable article img,
    .Container__Item.game-list-normal article img,
    .play-section .casino-game-list-item .product-wrapper .product-card .product-thumb {
        height: auto !important;
        aspect-ratio: 1/1;
        border-radius: 1.6rem;
        object-fit: cover;
    }

.Wrapper--Single-Game-Categories .name-cat-title {
    margin: 0 0 16px 40px;
    display: flex;
}

    .Wrapper--Single-Game-Categories .name-cat-title p,
    .Wrapper--Single-Game-Categories .name-cat-title p a {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: rgb(27, 32, 79);
        font-family: "Open Sans", sans-serif;
    }

.Wrapper--Single-Game-Categories .casino-categories {
    margin: 20px 0;
    position: relative;
}

.Wrapper--Single-Game-Categories .name-cat-title:after {
    content: "";
    margin: 0 70px 0 15px;
    position: relative;
    border-top: 0.1rem solid rgb(228, 229, 235);
    flex: 1 1 0%;
    top: 10px;
}

.Wrapper--Single-Game-Categories .casino-categories .cat-url {
    position: absolute;
    right: 8px;
    top: 0;
}

    .Wrapper--Single-Game-Categories .casino-categories .cat-url a {
        color: rgb(128, 138, 166);
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Open Sans", sans-serif;
    }

.load-more-container {
    margin: 0 0 2.4rem;
    padding: 0;
}

.Wrapper--Single-Game-Categories .casino-categories .product-wrapper article:not(:nth-child(-n + 16) ) {
    display: none;
}

.btn-load-more, .btn-load-more, .btn-load-more:focus {
    width: auto;
    height: 4.8rem;
    padding: 0px 2.4rem;
    border-radius: 2.8rem;
    background: none;
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgba(75, 74, 120, 0.11) 0px 1rem 1.6rem;
    color: rgb(27, 32, 79);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: unset;
    transition: all .3s;
    line-height: 0;
    position: relative;
}

    .btn-load-more:before, .welcome_offer_container .play-now-btn .play-now:before, .Wrapper--Header--Left .play-now-btn .play-now:before,
    .mobile #gameModal .Button--play-real:before {
        content: '\f2f1';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        color: #06d;
        margin-left: -.8rem;
        margin-right: .8rem;
        font-size: 2rem;
        position: relative;
        top: 2px;
    }

    .btn-load-more:hover {
        color: #06d;
    }

.casino-game-list-item .product-wrapper .product-card .product-desc {
    height: calc(100% - 4rem);
    background-color: unset;
    border-radius: 1.6rem;
    opacity: 1;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card .product-desc {
    height: calc(100% - 2.4rem);
}

.casino-game-list .product-card .product-title, .casino-game-list .product-card:hover .product-title,
.Container__Item.game-list-normal .product-card .product-title,
.Container--GamePage .game-page .played-games .game-wrapper .game-title {
    width: 100%;
    height: 25px;
    margin: 0;
    line-height: 26px;
    background-color: unset;
    color: rgb(27, 32, 79);
    font-size: 1.2rem;
    font-weight: 600;
    transition: color 0.3s ease 0s;
    bottom: -26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Open Sans", sans-serif;
}

body:not(.mobile) .casino-game-list .product-card:hover .product-title,
body:not(.mobile) .Container--GamePage .game-page .played-games .slick-slide:hover .game-wrapper .game-title,
body:not(.mobile) #popupSearchItems .Item:hover .product-description {
    color: #ff5823;
}

body:not(.mobile) #popupSearchItems .Item:hover .product-image:after {
    content: '';
    display: block;
    width: 100%;
    height: 86%;
    position: absolute;
    z-index: 10;
    top: 0;
    border-radius: 1.6rem;
}

body:not(.mobile) .Wrapper--Single-Game-Categories .casino-game-list-item .product-wrapper .product-card:hover .product-desc,
body:not(.mobile) .casino-game-list .product-wrapper:not(.slick-initialized) .product-card:hover .product-desc,
body:not(.mobile) #popupSearchItems .Item:hover .product-image:after {
    background: linear-gradient(rgba(15, 17, 34, 0), rgba(15, 17, 34, 0) 12.5%, rgba(17, 19, 39, 0.9));
    transition: opacity 0.2s ease 0s;
}

.casino-game-list .product-card .user-product-ctrl, #popupSearchItems .Item .play-now-btn {
    width: 56px;
    z-index: 5;
}

    .casino-game-list .product-card .user-product-ctrl .play-now, .welcome_offer_container .play-now-btn .play-now,
    #popupSearchItems .Item .play-now-btn .play-now, .mobile #gameModal .Button--play-real,
    .mobile #gameModal .Button--play-demo {
        display: flex;
        width: 5.6rem;
        height: 5.6rem;
        min-width: 5.6rem;
        justify-content: center;
        align-items: center;
        background: #ff5823 !important;
        border: none;
        border-radius: 2.8rem !important;
        transform: translateY(-150%);
        transition: all .3s;
        font-size: 0;
    }

        .Wrapper--Single-Game-Categories .casino-game-list .product-card .user-product-ctrl .play-now:before,
        .casino-game-list .product-wrapper:not(.slick-initialized) .product-card .user-product-ctrl .play-now:before,
        .welcome_offer_container .play-now-btn .play-now:before, body.LoggedIn .Main article .play-now:before, .hall-of-fame-container .play-now:before,
        .Wrapper--Header--Left .play-now-btn .play-now:before, #popupSearchItems .Item .play-now-btn .play-now:before,
        .mobile #gameModal .Button--play-real:before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            background: url(../img/icons/play-button.svg);
            background-size: contain;
        }

body.LoggedIn .Main article .play-now:after, body.LoggedIn .Main article .promo-title {
    display: none !important;
}

.Wrapper--Single-Game-Categories .casino-game-list .product-card:hover .user-product-ctrl .play-now,
.casino-game-list .product-card:hover .user-product-ctrl .play-now,
#popupSearchItems .Item:hover .play-now-btn .play-now {
    animation: slide-top .2s cubic-bezier(.47,.26,0,1.5);
    transform: translate(0);
}

@keyframes slide-top {
    0% {
        transform: translateY(-150%);
    }

    80% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0);
    }
}

.casino-game-list .product-card .user-product-ctrl .play-now:hover {
    box-shadow: 0.4rem 0.8rem 2.4rem rgba(12,36,99,.25);
    background-color: #ff6813 !important;
}

.casino-game-list .product-card .user-product-ctrl .demo,
#popupSearchItems .Item .play-now-btn .demo {
    padding: 0;
    border: none;
    font-size: 1.4rem;
    font-weight: 700;
    transform: translateY(150%);
    transition: all .2s;
    text-transform: capitalize;
    color: var(--white-color);
}

.Wrapper--Single-Game-Categories .casino-game-list .product-card:hover .user-product-ctrl .demo,
.casino-game-list .product-wrapper:not(.slick-initialized) .product-card:hover .user-product-ctrl .demo,
#popupSearchItems .Item:hover .play-now-btn .demo {
    animation: slide-bottom .2s cubic-bezier(.47,.26,0,1.5);
    transform: translate(0);
}

.Wrapper--Single-Game-Categories .casino-game-list .product-card .user-product-ctrl .demo:hover {
    color: #06d;
}

@keyframes slide-bottom {
    0% {
        transform: translateY(150%);
    }

    80% {
        transform: translateY(-10%);
    }

    100% {
        transform: translateY(0);
    }
}

body:not(.LoggedIn) .fav-game.fC {
    display: none;
}

.Wrapper--Single-Game-Categories .casino-categories::before,
.play-section .casino-categories .name-cat-title::before {
    position: absolute;
    font-size: 32px;
    color: #06d;
    top: -6px;
    left: 8px;
    font-family: 'template9' !important;
}

.Wrapper--Single-Game-Categories .Item.selected, .overflow-dots .currentPageName {
    background-color: rgb(0, 102, 221);
    border-radius: 2.8rem;
}

    .Wrapper--Single-Game-Categories .Item.selected a div, .Wrapper--Single-Game-Categories .Item.selected a svg, .overflow-dots .currentPageName {
        color: var(--white-color);
    }

        .Wrapper--Single-Game-Categories .Item.selected a svg path {
            fill: var(--white-color);
        }

/*--------------------------------------------------------------------------- Categories Page--------------------------------------------------------------------*/

.Game-Categories-container .search-wrapper {
    width: 100%;
    margin: unset;
}

.js-view-category-filter-btn {
    background: #f1f4fc;
    border: 1px solid transparent;
    color: var(--white-color);
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
    width: 80px;
    min-width: 42px;
    height: 42px;
    border-radius: 18px;
    transition: all .3s;
    position: absolute;
    right: -86px;
    top: 7px;
    outline: none;
}

.filter-icon {
    background-color: #06d;
    display: block;
    height: 2px;
    position: relative;
    width: 42px;
}

    .filter-icon:after, .filter-icon:before {
        content: "";
        position: absolute;
        transition: left .3s;
    }

    .filter-icon.filter-icon-middle:before, .js-view-category-filter-btn.open .filter-icon:before {
        left: 26px;
    }

    .filter-icon.filter-icon-middle:after, .js-view-category-filter-btn.open .filter-icon:after {
        left: 27px;
    }

    .filter-icon:before, .js-view-category-filter-btn.open .filter-icon-middle:before {
        border: 1px solid #1b204f;
        border-radius: 100%;
        border-color: #1b204f;
        height: 6px;
        left: 8px;
        opacity: .8;
        top: -2px;
        width: 6px;
    }

    .filter-icon:after, .js-view-category-filter-btn.open .filter-icon-middle:after {
        background-color: #0066dd;
        border-radius: 100%;
        height: 4px;
        left: 9px;
        top: -1px;
        width: 4px;
    }

.Game-Categories-Wrapper .Container__Item.nav-simple {
    position: relative;
    top: 24px;
}

.Game-Categories-container .nav-simple.Tag-Filter:not(.replaced) {
    display: none;
}

.nav-simple.Tag-Filter.replaced, .Wrapper--Single-Game-Categories .Tag-Filter {
    width: 220px;
    position: absolute;
    padding: .8rem 0;
    right: 22px;
    top: 76px;
    z-index: 15;
    background-color: var(--white-color);
    border-radius: 1.2rem;
    box-shadow: 0.4rem 0.8rem 2.4rem rgba(12,36,99,.16);
    opacity: 0;
    transition: all .3s ease;
}

body:not(.mobile) .Wrapper--Single-Game-Categories .Tag-Filter {
    visibility: hidden;
}

.Wrapper--Single-Game-Categories .Container__Item.nav-slidable {
    transition: z-index .3s ease;
}

    .Wrapper--Single-Game-Categories .Container__Item.nav-slidable.filter-open {
        z-index: 9;
    }

.nav-simple.Tag-Filter.replaced.open {
    opacity: 1;
}

.nav-simple.Tag-Filter.replaced ul, .Game-Categories-Wrapper .Tag-Filter ul {
    height: 30.4rem;
    margin: 0;
    overflow: auto;
}

.nav-simple.Tag-Filter.replaced li, .Game-Categories-Wrapper .Tag-Filter li {
    height: 4.8rem;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    cursor: pointer;
}

    .nav-simple.Tag-Filter.replaced li:not(:first-child ), .Game-Categories-Wrapper .Tag-Filter li:not(:first-child ) {
        border-top: .1rem solid rgba(228,229,235,.5);
    }

.nav-simple.Tag-Filter.replaced button, .Game-Categories-Wrapper .Tag-Filter button {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    border: none;
    background: transparent;
    text-align: left;
    color: #1b204f;
    transition: color .3s;
    padding: 0 20px;
}

.nav-simple.Tag-Filter.replaced li:hover button, .Game-Categories-Wrapper .Tag-Filter li:hover button {
    color: #06d;
}

.nav-simple.Tag-Filter.replaced li.filtered-by button, .Game-Categories-Wrapper .Tag-Filter li.filtered-by button {
    color: white;
    background-color: rgb(0 102 221);
    border-radius: 12px;
}

    .nav-simple.Tag-Filter.replaced li.filtered-by button i:before, .Game-Categories-Wrapper .Tag-Filter li.filtered-by button i:before {
        color: var(--white-color) !important;
    }

.tp-i_mermaid {
    margin-left: -3.8px;
    padding-right: 3.8px;
}

.Game-Categories-container .sub-game-nav.row {
    z-index: 9;
    top: 94px;
}

.Game-Categories-container .sub-game-nav li a {
    align-items: unset;
}

    .Game-Categories-container .sub-game-nav li a:before, .navigation_container .currentNav:before, .navigation_container .currentNavFav:before,
    .play-section .casino-categories.slots .name-cat-title::before {
        font-size: 2.4rem;
        font-weight: 100;
        line-height: 48px;
        text-align: center;
    }

.navigation_container .currentNavFav:before {
    font-size: 2rem;
    height: 24px !important;
}

.identifier-tp-i_slots:before, .identifier-tp-i_top:before, .identifier-tp-i_table:before, .identifier-tp-i_slots:before,
.play-section .tp-i_slot {
    font-size: 1.8rem !important;
}

.play-section .tp-i_promo-games, .play-section .tp-i_popular:before {
    font-size: 2.6rem !important;
}

.Game-Categories-banners .Item a svg, .Wrapper--Single-Game-Categories .tv-games svg, .Wrapper--Single-Game-Categories .table-games svg,
.Wrapper--Single-Game-Categories .lobby svg, .Wrapper--Single-Game-Categories .slots svg, .Game-Categories-container .Item.tv-games svg {
    width: 1.7rem !important;
    margin: 0 .8rem 0 -.4rem;
}

.Game-Categories-container .game-list-normal {
    margin-top: 180px;
}

.Game-Categories-container .sub-game-nav-item.selected {
    background-color: #06d;
    box-shadow: none;
    pointer-events: none;
    border-radius: 2.8rem;
}

    .Game-Categories-container .sub-game-nav-item.selected a, .Game-Categories-container .sub-game-nav-item.selected a:before {
        color: var(--white-color);
    }

.Game-Categories-banners .Item {
    display: inline-flex;
    position: absolute;
    top: 114px;
    z-index: 9;
}

.Game-Categories-container .sub-game-nav ul li:first-child {
    margin-left: 115px;
}

body.LoggedIn .Game-Categories-container .sub-game-nav ul li:first-child {
    margin-left: 264px;
}

body.LoggedIn .Game-Categories-banners .Item.lobby {
    left: 144px;
}

body.LoggedIn .Game-Categories-container .sub-game-nav li.casino-tp-i_instant {
    margin-left: 134px;
}

body:not(.LoggedIn) .Game-Categories-container .sub-game-nav li.casino-tp-i_top {
    margin-left: 110px;
}

.Game-Categories-banners .Item.tv-games {
    left: 72%;
}

body:not(.LoggedIn) .Game-Categories-banners .Item.tv-games {
    left: 70%;
}

.game-list-normal.placeholder .product-card {
    aspect-ratio: 1 / 1;
}

    .game-list-normal.placeholder .product-card:nth-child(n+17) {
        display: none;
    }

.game-list-normal .casino-game-list-item .product-wrapper:not(.hero), .casino-game-list-item .game-favorite .product-wrapper:not(.hero) {
    display: grid;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(150px, auto);
    grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
    margin-bottom: 12px;
    grid-gap: 16px;
}

.Container__Item.game-list-normal article {
    padding-bottom: 2.4rem;
}

.casino-game-list-item .casino-categories.providers {
    height: 100px;
    position: absolute;
    top: 0;
}

.Game-Categories-container .sub-game-nav ul {
    width: 94%;
}

.Game-Categories-Wrapper .Game-Categories-container .overflow-container li {
    margin-left: 0 !important;
    text-align: start;
}

/*----------------------------------------------------------------------- Categories Navigation ----------------------------------------------------------------*/

.navigation_container, .mobile .navigation_container > div {
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: capitalize;
    position: absolute;
    top: 210px;
    left: 12px;
    font-size: 1.6rem;
    color: rgb(27, 32, 79);
}

.mobile .navigation_container > div {
    position: unset;
}

.Game-Categories-container .navigation_container .goHome, .navigation_container .goHome a, .navigation_container .goHome a:hover {
    cursor: pointer;
    opacity: 0.6;
    color: var(--white-color);
    transition: opacity .3s;
}

.Game-Categories-container .navigation_container .goHome {
    color: rgb(27, 32, 79);
}

    .navigation_container .goHome a:hover, .Game-Categories-container .navigation_container .goHome:hover {
        opacity: 1;
    }

.navigation_container p {
    margin: 0;
    color: rgba(128, 138, 166, .4);
}

.navigation_container .currentNav, .navigation_container .currentNavFav {
    font-family: inherit !important;
    display: flex;
    align-items: center;
}

.navigation_container div {
    font-weight: 700;
}

.navigation_container .currentNav:before, .navigation_container .currentNavFav:before {
    font-family: 'template9' !important;
    display: inline-block;
    height: 100%;
    line-height: unset;
    color: #06d;
    margin: 0 10px 0 5px;
}

/*--------------------------------------------------------------------------- Favorite Page--------------------------------------------------------------------*/

.favorite-section .Wrapper--Single-Game-Categories .game-nav {
    display: block !important;
}

.favorite-section .Game-Categories-container .game-nav {
    padding: 1.6rem;
}

/*--------------------------------------------------------------------------- T&C --------------------------------------------------------------------*/

.terms_conditions_container {
    max-width: 101.2rem;
    width: 100%;
    margin: 0px auto;
    padding: 40px 1.6rem 6.8rem;
    position: relative;
}

    .terms_conditions_container h4 {
        margin: 0px .8rem 0 0;
        line-height: 2.4rem;
    }

    .terms_conditions_container .list-item {
        display: flex;
        margin: 0px 0px 1.6rem 2.6rem;
        font-size: 1.6rem;
    }

    .terms_conditions_container h1 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .terms_conditions_container h3 {
        margin-bottom: 1.6rem;
        font-size: 2rem;
        font-weight: 700;
        line-height: 3rem;
    }

.Container--full.bc {
    background-color: var(--white-color);
}

.terms_conditions_container #contentText:nth-child(1) {
    position: absolute;
    right: 0;
}

.pdf-container a {
    display: inline-flex;
    align-items: center;
    height: 4rem;
    padding: 0px 1.6rem;
    background-color: rgb(0, 102, 221);
    color: var(--white-color);
    font-size: 1.4rem;
    font-weight: 700;
    border-radius: 2.8rem;
    transition: all 0.3s ease 0s;
}

    .pdf-container a:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        margin-right: 0.8rem;
        background: url(../img/icons/download.svg);
    }

    .pdf-container a:hover {
        box-shadow: rgba(12, 36, 99, 0.25) 0.4rem 0.8rem 2.4rem;
        background-color: rgb(37, 134, 248);
    }

.terms-update {
    width: 100%;
    max-width: 29.4rem;
    display: inline-block;
    background: rgb(247, 248, 249);
    border-radius: 0.8rem;
    padding: 1.6rem;
}

.terms_conditions_container .sublist-item {
    margin: .8rem 0;
    display: flex;
    gap: 5px;
}
/*--------------------------------------------------------------------------- bonus terms --------------------------------------------------------------------*/


.bonus_terms_container #contentText, .privacy_policy_container, .kyc_policy_container, .rules_of_play_container, .anti_money_container, .about_us_container,
.game-providers-container, .game-providers-text {
    margin: auto;
    max-width: 130rem;
    padding: 4rem 6rem 5rem;
    background: rgba(255, 255, 255, .8);
}

    .bonus_terms_container h1, .privacy_policy_container h1, .kyc_policy_container h1, .anti_money_container h1, .about_us_container h1 {
        font-size: 3.6rem;
        margin: auto auto 2rem;
        text-align: center;
        font-weight: 700;
    }

    .bonus_terms_container ol, .rules_of_play_container ol, .anti_money_container ol {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.8rem;
    }

    .bonus_terms_container li::marker, .aviator-promo-container ol li::marker, .rules_of_play_container li::marker, .anti_money_container li::marker {
        color: #06d;
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 700;
        font-size: 1.6rem;
    }

    .bonus_terms_container li, .rules_of_play_container li, .anti_money_container li {
        margin-bottom: 3rem;
    }

        .bonus_terms_container li ul, .anti_money_container li ul {
            margin-top: 3rem;
        }

    /*--------------------------------------------------------------------------- Privacy policy --------------------------------------------------------------------*/

    .privacy_policy_container #contentText > h2, .kyc_policy_container h2, .about_us_container h2, .game-providers-text h2 {
        margin: 20px 0;
        font-size: 2.4rem;
        font-weight: 700;
    }

    .privacy_policy_container #contentText p, .kyc_policy_container p, .rules_of_play_container p, .about_us_container p {
        font-size: 1.6rem;
        margin-bottom: 3rem;
    }

    .privacy_policy_container table, .game-providers-text table {
        margin-bottom: 3rem;
        width: 100%;
        background-color: var(--white-color);
        border: .2rem solid #eeeff3;
        display: table;
        border-collapse: collapse;
    }

        .privacy_policy_container table tr:nth-child(odd), .game-providers-text table tr:nth-child(odd) {
            background: rgba(238, 239, 243, .6);
        }

        .privacy_policy_container table:not(.responsive-table) tr, .game-providers-text table:not(.responsive-table) tr {
            border-bottom: .1rem solid #eeeff3;
            padding: 2rem 0;
        }

        .privacy_policy_container table:not(.responsive-table) td, .privacy_policy_container table:not(.responsive-table) th,
        .game-providers-text table:not(.responsive-table) td {
            font-size: 1.6rem;
            padding: 1.9rem 1rem 2rem;
            vertical-align: middle;
        }

        .privacy_policy_container table:not(.responsive-table) th {
            color: #b0b3d2;
        }

            .privacy_policy_container table:not(.responsive-table) th p {
                font-size: 22px !important;
                margin: 0 !important;
            }

        .privacy_policy_container table:not(.responsive-table) td, .privacy_policy_container table:not(.responsive-table) th,
        .game-providers-text table:not(.responsive-table) td {
            text-align: center;
        }

    .privacy_policy_container .mobile-td {
        display: none;
    }

    /*--------------------------------------------------------------------------- rules of play--------------------------------------------------------------------*/

    .rules_of_play_container li {
        margin-left: 20px;
        padding-left: 1.5rem;
    }

/*--------------------------------------------------------------------------- Welcome Offer --------------------------------------------------------------------*/

.welcome_offer_container {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .welcome_offer_container video {
        width: 100%;
        height: 80rem;
        object-fit: cover;
    }

    .welcome_offer_container #contentText {
        width: 100%;
        position: absolute;
        top: 5%;
        text-align: center;
        color: var(--white-color);
    }

body.LoggedIn .welcome_offer_container #contentText {
    top: 18%;
}

.welcome_offer_container #contentText p:nth-child(1) {
    color: rgb(129, 111, 243);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
}

body.LoggedIn .welcome_offer_container #contentText p:nth-child(1),
.welcome_offer_container #contentText p:nth-child(2) {
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
    color: var(--white-color);
}

body.LoggedIn .welcome_offer_container #contentText p:nth-child(1),
body.LoggedIn .welcome_offer_container #contentText p:nth-child(2) {
    font-size: 6rem;
    line-height: unset;
}

.welcome_offer_container #contentText p:nth-child(3) {
    font-size: 6rem;
    line-height: 8rem;
    font-weight: 700;
}

.welcome_offer_container .footer_signUp {
    width: 100%;
    position: absolute;
    top: 370px;
    text-align: center;
}

    .welcome_offer_container .footer_signUp a {
        height: 6rem;
        margin: auto;
        padding: 0 5.6rem;
        font-size: 1.6rem;
    }

.welcome_offer_container > .Copyright {
    background-color: #151d27;
    padding: 4.4rem 2.5rem 16.8rem;
    color: rgb(171, 172, 188);
    position: relative;
    max-height: 37rem;
    overflow: hidden;
}

.welcome_offer_container .footer__description > div > p:nth-child(1) {
    color: rgb(0, 102, 221);
}

.footer__description-show-more {
    height: 16.8rem;
    display: flex;
    align-items: center;
    font-size: 24px;
    background: linear-gradient(transparent, rgb(21, 29, 39) 4.8rem, rgb(21, 29, 39));
    position: absolute;
    left: 2.5rem;
    right: 0px;
    bottom: 0;
}

    .footer__description-show-more span {
        cursor: pointer;
    }

.welcome_offer_container > .Copyright.open {
    max-height: unset;
}

    .welcome_offer_container > .Copyright.open .footer__description-show-more span:before {
        content: '\f062';
    }

/*--------------------------------------------------------------------- footer Recent Winner-----------------------------------------------------------------*/

.welcome_offer_container > .Container__Item {
    position: sticky;
    bottom: 0;
    background-color: var(--background-color);
    bottom: 0;
}

.welcome_offer_container .tabs ul {
    position: absolute;
    width: 120px;
    height: 100%;
    background-color: #06d;
    z-index: 5;
    display: flex;
    align-items: center;
}

    .welcome_offer_container .tabs ul li {
        padding: 0 1.6rem 0 0;
        text-align: right;
        color: var(--white-color);
        font-size: 2rem;
        line-height: 2.4rem;
    }

.welcome_offer_container #winner-body-wraper {
    height: 6.4rem;
}

.welcome_offer_container .slick-dots, .welcome_offer_container .slick-prev, .welcome_offer_container .slick-next, #tabGroupWinner .header {
    display: none !important;
}

.welcome_offer_container #winner-body-wraper {
    background-color: #0065dc;
}

.welcome_offer_container .tab-body .item, .Wrapper--Header--Left .tab-body .item {
    position: relative;
    display: flex;
    height: 5.6rem;
    margin: 0.4rem 0.4rem 0.4rem 0px;
    border-radius: 0.8rem;
    color: var(--white-color);
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: rgba(75, 74, 120, 0.11) 0px 1rem 1.6rem;
    overflow: hidden;
    vertical-align: top;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.welcome_offer_container .slot-banner .body .tab-body .item .product-image img,
.Wrapper--Header--Left .slot-banner .body .tab-body .item .product-image img {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 4rem;
    height: 4rem;
    border-radius: 5px 0 0 5px;
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    border-radius: 0.8rem;
}

.welcome_offer_container .Games--Top .header, .welcome_offer_container .slot-banner .body .tab-body .item .wager-id,
.welcome_offer_container .slot-banner .body .tab-body span.prop, .welcome_offer_container .activity-feed #tabGroupWinner .body .tabs ul,
.Wrapper--Header--Left .Games--Top .header, .Wrapper--Header--Left .slot-banner .body .tab-body .item .wager-id,
.Wrapper--Header--Left .slot-banner .body .tab-body span.prop, .Wrapper--Header--Left .activity-feed #tabGroupWinner .body .tabs ul {
    display: none;
}

.welcome_offer_container .slot-banner .body .tab-body .item .player-id, .welcome_offer_container .slot-banner .body .tab-body .item .product-name,
.Wrapper--Header--Left .slot-banner .body .tab-body .item .player-id, .Wrapper--Header--Left .slot-banner .body .tab-body .item .product-name {
    width: 100%;
    padding: 0 100px 0 64px;
}

.welcome_offer_container .slot-banner .body .tab-body .item .win-amount, .Wrapper--Header--Left .slot-banner .body .tab-body .item .win-amount {
    width: auto;
    height: 100%;
    padding: 0 1.6rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    font-size: 1.4rem;
    font-weight: 600;
    background: linear-gradient(270deg, rgb(38, 125, 226), rgb(38, 125, 226) 80%, transparent);
}

.welcome_offer_container .slot-banner .body .tab-body .item .product-name, .Wrapper--Header--Left .slot-banner .body .tab-body .item .product-name {
    order: 4;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.welcome_offer_container .slot-banner .body .tab-body .item .player-id, .Wrapper--Header--Left .slot-banner .body .tab-body .item .player-id {
    order: 2;
    color: rgb(214, 220, 238);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
}

.welcome_offer_container .play-now-btn, .Wrapper--Header--Left .play-now-btn {
    position: absolute;
    align-items: center;
    background-color: rgba(27, 32, 79, .9);
    border-radius: .8rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s;
    z-index: 1;
}

.welcome_offer_container .tab-body .item:hover .play-now-btn, .Wrapper--Header--Left .tab-body .item:hover .play-now-btn {
    opacity: 1;
}

.welcome_offer_container .play-now-btn .play-now, .hall-of-fame-container .play-now,
.Wrapper--Header--Left .play-now-btn .play-now {
    height: 4rem;
    padding: 0 2.4rem;
    color: var(--white-color);
}

    .welcome_offer_container .play-now-btn .play-now:before, .hall-of-fame-container .play-now:before,
    .Wrapper--Header--Left .play-now-btn .play-now:before, .mobile #gameModal .Button--play-real:before {
        width: 16px;
        height: 16px;
        top: 0;
    }

.welcome_offer_container:after {
    content: "";
    display: block;
    width: 100%;
    height: 115px;
    background: linear-gradient(transparent, rgb(21, 29, 39) 4.8rem, rgb(21, 29, 39));
    bottom: 0;
    position: absolute;
}

/*------------------------------------------------------------------------ Hall of Fame ----------------------------------------------------------------------*/

.hall-of-fame-banner img {
    width: 100%;
}

.hall-of-fame-content .Container__Item div, .mobile .hall-of-fame-content > div {
    margin-top: 3.2rem;
    font-size: 2rem;
    font-weight: 700;
}

.hall-of-fame-container .tab-body-wrapper, .hall-of-fame-content {
    max-width: 110rem;
    margin: 0px auto;
    padding: 0px 1.5rem;
}

    .hall-of-fame-container .tab-body-wrapper .item, body:not(.mobile) .hall-of-fame-header, body.mobile .hall-of-fame-header > div {
        display: grid;
        grid-template-columns: 1fr 80px 1fr 1fr;
        grid-template-areas: 'id gameImg game amount';
        counter-increment: css-counter 1;
        padding: 2.4rem 1.5rem 2rem 4rem;
        background-color: var(--white-color);
        border-bottom: .1rem solid #eaebf2;
    }

        .hall-of-fame-container .tab-body-wrapper .item:nth-child(n+13) {
            display: none;
        }

.hall-of-fame-header, body.mobile .hall-of-fame-header > div {
    background-color: transparent;
    color: #b0b3d2;
    border: none;
}

    .hall-of-fame-header p {
        font-weight: 700;
        white-space: nowrap;
    }

        .hall-of-fame-header p:nth-child(3) {
            grid-area: amount;
        }

.hall-of-fame-container .tab-body-wrapper .player-id {
    grid-area: id;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 49px;
}

.hall-of-fame-container .tab-body-wrapper .play-now-btn, .hall-of-fame-container .product-name {
    grid-area: game;
}

.hall-of-fame-container .tab-body-wrapper .item img {
    width: 4.3rem;
    height: 4.3rem;
    border-radius: .3rem;
    object-fit: cover;
}

.hall-of-fame-container .product-name, .hall-of-fame-container .win-amount {
    line-height: 49px;
    font-size: 1.6rem;
    font-weight: 700;
}

.hall-of-fame-container .product-name {
    color: #06d;
    transition: all .15s ease-out;
}

.hall-of-fame-container .win-amount {
    font-size: 2rem;
}

    .hall-of-fame-container .wager-id, .hall-of-fame-container .bet-amount, .hall-of-fame-container .player-id .prop, .hall-of-fame-container .win-amount .prop,
    .hall-of-fame-container .tabs > ul {
        display: none;
    }

.hall-of-fame-container .play-now-btn {
    visibility: hidden;
    max-width: 120px;
    opacity: 0;
    transition: all .15s ease-out;
    text-align: center;
}

    .hall-of-fame-container .product-name:hover ~ .play-now-btn, .hall-of-fame-container .play-now-btn:hover {
        visibility: visible;
        opacity: 1;
    }

.hall-of-fame-container .play-now:before {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.hall-of-fame-container .game-hall {
    text-align: center;
    margin-top: 4.2rem;
}

    .hall-of-fame-container .game-hall a, .game-hall-button .game-hall a {
        height: unset;
        padding: 1.5rem 4rem;
        transition: unset;
        font-size: 1.6rem;
    }

/*------------------------------------------------------------------------ Loyalty Program ----------------------------------------------------------------------*/

.loyalty-program-container {
    height: 472rem;
    background-color: #1b265b;
    background-image: radial-gradient(133.82% 175.53% at 150.86% -75.53%, #06d 0, rgba(0, 102, 221, .9914) 6.67%, rgba(0, 102, 221, .9645) 13.33%, rgba(0, 102, 221, .9183) 20%, rgba(0, 102, 221, .8526) 26.67%, rgba(0, 102, 221, .7682) 33.33%, rgba(0, 102, 221, .6681) 40%, rgba(0, 102, 221, .5573) 46.67%, rgba(0, 102, 221, .4427) 53.33%, rgba(0, 102, 221, .3319) 60%, rgba(0, 102, 221, .2318) 66.67%, rgba(0, 102, 221, .1474) 73.33%, rgba(0, 102, 221, .0817) 80%, rgba(0, 102, 221, .0355) 86.67%, rgba(0, 102, 221, .0087) 93.33%, rgba(0, 102, 221, 0) 100%);
    color: var(--white-color);
    position: relative;
    overflow: hidden;
}

    .loyalty-program-container:before, .loyalty-program-container:after {
        content: '';
        display: block;
        background: url(../img/loyalty/loyalty-program-bg.webp);
        height: 401rem;
        background-size: cover;
        background-position: center 0;
        position: relative;
        top: 23.2%;
        z-index: 1;
        background-repeat: no-repeat;
        transform: scale(1.188);
    }

    .loyalty-program-container:after {
        width: 100dvw;
        background: url(../img/loyalty/road__vip_diamond.png) no-repeat;
        position: absolute;
        z-index: 0;
        background-position: center 0;
        top: 16.5%;
        left: 0%;
        transform: scale(1.03);
    }

    .loyalty-program-container #contentText {
        font-size: 1.4rem;
        position: relative;
        top: -85%;
    }

        .loyalty-program-container #contentText:nth-child(2) {
            font-size: 1.4rem;
            position: relative;
            top: -84%;
            z-index: 5;
        }

.loyalty-table {
    background: linear-gradient(68.47deg, rgba(11, 57, 136, .8), rgba(38, 97, 176, .8));
    border-radius: 1.6rem;
    box-shadow: 0 1.6rem 3.2rem rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .6);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
    padding: 1.6rem;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.6rem);
}

.loyalty-table__content {
    border-collapse: collapse;
    width: 100%;
}

    .loyalty-table__content thead tr th {
        padding: 1.2rem;
        text-align: left;
        white-space: nowrap;
        vertical-align: middle;
    }

.loyalty-table td {
    height: .1rem;
    padding: 0;
}

.loyalty-table__cell {
    align-items: center;
    color: var(--white-color);
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 100%;
    line-height: 2rem;
    min-height: 7.2rem;
    padding: 1.2rem;
}

.loyalty-table tbody tr:nth-child(odd) .loyalty-table__cell {
    background: rgba(8,36,79,.4);
}

.loyalty-table__cell.--first {
    border-radius: .8rem 0 0 .8rem;
}

.loyalty-table__cell.--last {
    border-radius: 0 .8rem .8rem 0;
}

.loyalty-table__cell p {
    margin: 0;
}

.loyalty-table__level {
    align-items: center;
    display: flex;
}

.loyalty-table__level-name {
    padding: 0 0 0 1.6rem;
    white-space: nowrap;
}

.loyalty-table__status {
    border-radius: 100%;
    height: 4.8rem;
    min-width: 4.8rem;
    width: 4.8rem;
}

.loyalty-table__status-img {
    display: block;
    max-width: 100%;
}

.loyalty-table__info {
    align-items: center;
    background: rgba(255,255,255,.02);
    border-radius: .4rem;
    display: flex;
    flex: 1;
    font-size: 1.2rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.6rem;
    padding: .8rem;
}

.loyalty-table__info-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

.loyalty-table__info-points {
    color: #ff5823;
    font-weight: 700;
    padding: 0 1.6rem 0 0;
}

.loyalty-table__info-cost {
    color: #808aa6;
}

.loyalty-table__body tr:nth-child(2n) td .loyalty-table__cell {
    background: transparent;
}

.loyalty {
    position: relative;
}

.loyalty-program-container h2 {
    margin-bottom: 1.6rem;
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 700;
}

.loyalty__list-item {
    color: var(--white-color);
    align-items: flex-start;
    padding: 0;
    position: absolute;
    margin-left: -45rem;
    top: 26rem;
    box-sizing: border-box;
    color: var(--white-color);
    display: flex;
    justify-content: center;
}

.loyalty__list-item-desc {
    display: none;
}

.loyalty-levels-container {
    width: 100%;
    position: absolute;
    top: 1620px;
    z-index: 5;
    right: -50%;
}

.loyalty__list-item-progress {
    display: none;
    bottom: -3.3rem;
    left: 4.4rem;
    position: absolute;
    top: 12.6rem;
    background: rgba(255, 255, 255, .2);
    border-radius: .2rem;
}

.loyalty__list-item.new .user-avatar {
    background: #fff;
}

.loyalty__list-item.new .loyalty__list-item-desc {
    color: #b0b3d2;
}

.loyalty__list-item.new .loyalty__list-item-progress-line {
    display: none;
}

.loyalty__list-item.complete .loyalty__list-item-progress, .loyalty__list-item.complete .user-avatar {
    background: #ff5823;
}

.loyalty__list-item.complete .loyalty__list-item-progress-line {
    display: none;
}

.loyalty__list-item-info-section {
    display: flex;
    position: relative;
    align-items: center;
    width: auto;
}

.loyalty__list-item .user-avatar {
    height: 6.2rem;
    min-width: 6.2rem;
    padding: 0;
    width: 6.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loyalty__list-item .user-avatar__picture {
    height: 5.6rem;
    min-width: 5.6rem;
    width: 5.6rem;
    font-size: 0;
    position: relative;
}

.loyalty__list-item .user-avatar__number {
    align-items: center;
    background: radial-gradient(50% 50% at 50% 50%,rgba(27,32,79,.51) 0,rgba(27,32,79,0) 100%);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 2.4rem;
    font-weight: 700;
    justify-content: center;
    left: 0;
    line-height: 3.2rem;
    position: absolute;
    right: 0;
    text-shadow: .4rem .8rem 2.4rem rgba(12,36,99,.16);
    top: 0;
    z-index: 1;
}

.loyalty__list-item .user-avatar {
    position: relative;
    right: auto;
    top: auto;
}

.loyalty__list-item.__novice {
    margin-left: -45rem;
    top: 26rem;
}

.loyalty__list-item.__amateur {
    margin-left: -12rem;
    top: 35rem;
}

.loyalty__list-item.__specialist {
    margin-left: 23rem;
    top: 47rem;
}

.loyalty__list-item.__expert {
    margin-left: -9rem;
    top: 84rem;
}

.loyalty__list-item.__professional {
    margin-left: -45rem;
    top: 86rem;
}

.loyalty__list-item.__vip_bronze {
    margin-left: 20rem;
    top: 116rem;
}

.loyalty__list-item.__vip_silver {
    margin-left: -35rem;
    top: 145rem;
}

.loyalty__list-item.__vip_gold {
    margin-left: 12rem;
    top: 183rem;
}

.loyalty__list-item.__vip_platinum {
    margin-left: -29rem;
    top: 224rem;
}

.loyalty__list-item.__vip_diamond {
    margin-left: -9rem;
    top: 301rem;
}

.loyalty__list-item-img-wr {
    width: 100%;
}

.loyalty__list-item-img {
    height: 632px;
    min-width: 720px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    z-index: -1;
}

.loyalty__list-item.__novice .loyalty__list-item-img {
    bottom: -13rem;
    right: -33rem;
}

.loyalty__list-item.__amateur .loyalty__list-item-img {
    bottom: -15rem;
    right: -41rem;
}

.loyalty__list-item.__specialist .loyalty__list-item-img {
    bottom: -11rem;
    right: -35rem;
}

.loyalty__list-item.__professional .loyalty__list-item-img {
    bottom: -11rem;
    right: -39rem;
}

.loyalty__list-item.__expert .loyalty__list-item-img {
    bottom: -15rem;
    right: -36rem;
}

.loyalty__list-item.__vip_bronze .loyalty__list-item-img {
    bottom: -7rem;
    right: -37rem;
}

.loyalty__list-item.__vip_silver .loyalty__list-item-img {
    bottom: -11rem;
    right: -40rem;
}

.loyalty__list-item.__vip_gold .loyalty__list-item-img {
    bottom: -7rem;
    right: -32rem;
}

.loyalty__list-item.__vip_platinum .loyalty__list-item-img {
    bottom: 0rem;
    right: -37rem;
}

.loyalty__list-item.__vip_diamond .loyalty__list-item-img {
    bottom: 88px;
    height: auto;
    right: -27rem;
    min-width: 550px;
}

.loyalty__list-item.__vip_diamond .loyalty__list-item-info-section {
    padding-top: 92px;
}

.loyalty-program-container2 {
    max-width: 79rem;
    margin: 0 auto;
    padding: 3rem 2rem;
}

    .loyalty-program-container2 h2 {
        font-weight: 700;
        font-size: 1.5em;
    }

    .loyalty-program-container2 .game-hall {
        text-align: center;
    }

/* ---------------------------------------------------------------------------- APPS ---------------------------------------------------------------------------*/
.Container--full.container_info, .content-page.faq {
    background: rgb(7, 12, 40);
}

.container_info .apps-header, .mobile-apps-info, .content-page.faq {
    padding: 5px;
    color: var(--white-color);
}

.mobile-apps-info {
    background: url(../img/banners/benefits-bg.webp) no-repeat;
    background-size: contain;
    background-color: rgb(7, 12, 40);
}

    .mobile-apps-info .promo-banner {
        display: flex;
        justify-content: center;
    }

        .mobile-apps-info .promo-banner .body .tabs {
            width: 1056px;
            max-width: 1056px;
            height: 520px;
            position: relative;
        }

    .mobile-apps-info #promo-body-wraper .card {
        min-height: 600px;
        display: flex;
        color: var(--white-color);
        border-radius: 8px;
        overflow: hidden;
    }

        .mobile-apps-info #promo-body-wraper .card > div {
            max-height: 600px;
            flex: 1;
        }

        .mobile-apps-info #promo-body-wraper .card .front img {
            height: 100%;
            pointer-events: none;
        }

        .mobile-apps-info #promo-body-wraper .card .back {
            margin-top: 68px;
        }

            .mobile-apps-info #promo-body-wraper .card .back .content {
                padding: 32px 40px;
            }

                .mobile-apps-info #promo-body-wraper .card .back .content h1, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container .back .card-title {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    font-size: 30px;
                    gap: 12px;
                    font-weight: bolder;
                    align-items: center;
                }

                    .mobile-apps-info #promo-body-wraper .card .back .content h1 img {
                        margin: 5px 0;
                    }

.app-view__description, .ios-download-instruction__instruction, .apps-install_Wrapper__Mobile .tabs .mobile-apps-container.android .content {
    margin-top: 12px;
    font-size: 16px;
}

.app-download-instructions {
    margin-top: 32px;
}

    .app-download-instructions ol {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        counter-reset: li;
        list-style: none;
    }

        .app-download-instructions ol li:before {
            min-width: 2.4rem;
            height: 2.4rem;
            font-size: 1.4rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            color: rgb(255, 255, 255);
            background: rgb(255, 88, 35);
            border-radius: 50%;
            content: counter(li);
            counter-increment: li;
        }

        .app-download-instructions ol li:not(:last-child):after {
            bottom: 0px;
            content: "";
            height: 100%;
            left: 1.1rem;
            position: absolute;
            top: 23px;
            width: 0.2rem;
            background: rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease 0s;
        }

        .app-download-instructions ol li {
            display: flex;
            font-size: 16px;
            position: relative;
        }

            .app-download-instructions ol li div {
                font-weight: 700;
            }

            .app-download-instructions ol li:nth-child(n+2) {
                margin-top: 20px;
            }

.app-view__qr {
    margin-top: 32px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.app-view__qr-picture-section {
    width: 108px;
    height: 108px;
    border-radius: 8px;
    flex-shrink: 0;
    overflow: hidden;
}

.app-view__qr-description {
    /* flex-grow: 1; */
    font-size: 16px;
    color: #5e6a78;
}

.Container--full .read-more, .tab-body-inner .scene .card .front .card-date, .tab-body-inner .scene .close-info, .tab-body-inner .scene .card-info,
.tab-body-inner .scene .back .card-title {
    display: none;
}

.mobile-apps-info ul, .apps-install_Wrapper__Mobile ul {
    width: 100%;
    max-width: 450px;
    height: 36px;
    display: flex;
    padding: 4px 40px;
    position: absolute;
    border-radius: 4px;
    right: 50px;
    top: 5%;
    cursor: pointer;
}

    .mobile-apps-info ul li, .mobile-apps-os ul li {
        margin: 0;
        padding: 4px 12px;
        display: flex;
        justify-content: center;
        flex: 1 1 0;
        flex-grow: 1;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        -webkit-tap-highlight-color: transparent;
        align-items: center;
        outline: none;
        text-decoration: none;
        user-select: none;
    }

        .mobile-apps-info ul li.active, .mobile-apps-os ul li.active {
            border-bottom: 0.2rem solid rgb(255, 88, 35);
        }

.app-view__requirements {
    margin-top: 24px;
    color: #5e6a78;
}

.content-page.faq #contentText:nth-child(1) {
    padding: 8rem 0px;
    background: url(../img/banners/faq-bg.webp) no-repeat;
    background-size: cover;
}

    .content-page.faq #contentText:nth-child(1) .faq-content {
        padding: 6.4rem 0px 8rem;
        backdrop-filter: blur(0.45rem);
        box-shadow: rgba(67, 32, 0, 0.15) -0.2rem 0px 0.45rem 0px;
        background: rgba(0, 8, 23, 0.5);
        border-width: 0.1rem;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.15);
        border-image: initial;
        border-radius: 1.6rem;
    }

.question_wrapper {
    max-width: 102.4rem;
    margin: 0px auto;
    padding: 0px 1.6rem;
    position: relative;
}

.faq__title {
    padding: 0px 0px 3.2rem;
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 700;
    text-align: center;
}

.question_wrapper > h4 {
    padding-right: 40px !important;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700;
}

.question_wrapper > div.las.la-angle-down, .terms_wrapper > span {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 18px;
    transition: all 0.3s ease 0s;
}

.question_wrapper > div.las.la-angle-down {
    z-index: -1;
}

.question_wrapper h4.open_answer ~ .la-angle-down {
    transform: rotate(-180deg);
    right: 25px;
}

.question_wrapper p {
    color: rgba(255, 255, 255, 0.8);
}

.content-page.faq #contentText > div {
    position: relative;
}

.ma-faq__before {
    width: 22.6rem;
    height: 18.7rem;
    left: 0;
    top: -10rem;
    position: absolute;
}

.ma-faq__after {
    width: 21.8rem;
    height: 18rem;
    position: absolute;
    right: -3.2rem;
    bottom: -10rem;
}

    .ma-faq__after:before, .ma-faq__after:after, .ma-faq__before:before, .ma-faq__before:after {
        content: '';
        display: block;
        position: absolute;
    }


    .ma-faq__after::before {
        height: 11.5rem;
        left: 0px;
        position: absolute;
        top: 2rem;
        width: 12.6rem;
        background-image: url(../img/icons/faq-4.svg);
        background-repeat: no-repeat;
        /* z-index: 0; */
    }

    .ma-faq__after::after {
        height: 19.2rem;
        width: 12.4rem;
        background-image: url(../img/icons/faq-3.svg);
        background-repeat: no-repeat;
        right: 0;
        z-index: 3;
    }

.ma-faq__before::after {
    background-image: url(../img/icons/faq-1.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 18.7rem;
    width: 12rem;
    z-index: 3;
}

.ma-faq__before::before {
    background-image: url(../img/icons/faq-2.svg);
    background-repeat: no-repeat;
    height: 12rem;
    left: 2rem;
    position: absolute;
    top: 3.4rem;
    width: 10.6rem;
}

.content-page.faq #contentText:nth-child(2) {
    padding: 8rem 0px;
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4.8rem;
}

    .content-page.faq #contentText:nth-child(2) > div > div > div {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        padding-top: 3.2rem;
    }

    .content-page.faq #contentText:nth-child(2) .qr-img-container {
        backdrop-filter: blur(0.45rem);
        box-shadow: rgba(67, 32, 0, 0.15) -0.23rem 0px 0.46rem 0px;
        height: 13.6rem;
        position: relative;
        width: 13.6rem;
        /* z-index: 1; */
        background: rgba(0, 8, 23, 0.6);
        border-width: 0.1rem;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.15);
        border-image: initial;
        border-radius: 1.6rem;
        padding: 0.4rem;
        position: relative;
    }

        .content-page.faq #contentText:nth-child(2) .qr-img-container img {
            filter: brightness(0) invert(1);
            position: relative;
        }

    .content-page.faq #contentText:nth-child(2) .app-view__qr-description {
        display: flex;
        flex-direction: column-reverse;
        text-align: left;
        gap: 8px;
        font-size: 2.4rem;
        font-weight: 700;
        color: var(--white-color);
    }

        .content-page.faq #contentText:nth-child(2) .app-view__qr-description:before {
            font-weight: 500;
            font-size: 3rem;
        }

.content-page.faq .qr-img-background {
    position: relative;
}

    .content-page.faq .qr-img-background:before {
        content: "";
        width: 13.2rem;
        height: 13.2rem;
        position: absolute;
        bottom: 0px;
        top: -30px;
        left: 14px;
        transform: rotate(-15deg);
        background: linear-gradient(244deg, rgb(255, 160, 72) 47.24%, rgb(255, 68, 23) 120.33%);
        border-radius: 1.6rem;
    }
/* ---------------------------------------------------------------------------- Error Page ---------------------------------------------------------------------------*/

.inner-content.error-page {
    /* content: ''; */
    height: 100dvh;
    margin: 0 !important;
    display: block;
    background: url(../img/banners/Page404/page-not-found.webp) no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

    .inner-content.error-page:after {
        content: '';
        width: 550px;
        height: 534px;
        margin: 0 !important;
        display: block;
        background: url(../img/banners/Page404/travolta.gif) no-repeat;
        background-size: contain;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: calc((100% - 550px)/ 2);
    }

    .inner-content.error-page h2 {
        margin-top: 12rem;
    }

#sub-header, #sub-header a {
    text-align: center;
    color: var(--white-color);
    text-decoration: none;
    font-size: 2.4rem;
}

    #sub-header a {
        display: inline-flex;
        align-items: center;
        height: 46px;
        padding: 0 30px;
        font-size: 14px;
        border: .1rem solid #abacbc;
        color: #abacbc;
        background-color: #fff;
        border-radius: 3rem;
        position: relative;
    }

        #sub-header a:hover {
            border-color: #1b204f;
            color: #1b204f;
        }

.container.default-wrap {
    display: flex;
}

    .container.default-wrap .inner-content.error-page {
        width: 100%;
    }

    .container.default-wrap:before, .container.default-wrap:after {
        content: '';
        display: block;
        width: 100%;
        height: 110px;
        background: url(../img/banners/Page404/clouds-back.png) no-repeat;
        position: absolute;
        top: 50px;
        background-size: contain;
        background-position: center;
    }

    .container.default-wrap:after {
        background: url(../img/banners/Page404/clouds-front.png) no-repeat;
        background-size: contain;
        background-position: center;
    }

.not-found::after {
    content: '404';
    position: absolute;
    font-size: 220px;
    top: 33%;
    left: calc((100% - 330px)/2);
    color: var(--white-color);
}

/*-------------------------------------------------------------------- Game providers ---------------------------------------------------------------*/

.game-providers-container .game-nav.row {
    margin: 0;
    background-image: unset;
}

.game-providers-container .game-nav a {
    margin-top: 24px;
    color: black;
    text-transform: capitalize;
}

.game-providers-container .game-list-normal .casino-game-list-item .product-wrapper:not(.hero) {
    grid-template-columns: repeat(auto-fill, minmax(122px, 1fr));
}

.game-providers-container {
    padding-bottom: 10px;
}

.game-providers-text {
    padding-top: 0;
}

    .game-providers-text table:not(.responsive-table) td {
        font-weight: 700;
        font-size: 18px;
    }

    .game-providers-text ul li {
        pointer-events: none;
    }

.game-providers-container .search-wrapper {
    display: none;
}

/* -------------------------------------------------------------------------- Play Section -------------------------------------------------------------------------*/
.Wrapper--Header--Left .Wrapper--Header--left-panel {
    left: 0;
    transition: all .25s;
}


.Wrapper--Header--Left.closed .Wrapper--Header--left-panel {
    left: -30.4rem;
}


.Wrapper--Header--left-panel .burger-expander, .Wrapper--Header--Left .header_logo, .Wrapper--Header--left-panel .left-panel-control-group {
    position: absolute;
    z-index: 5;
    top: 1.3rem;
}

.Wrapper--Header--left-panel .Balance--user {
    background: linear-gradient(180deg,rgba(27,32,79,0),#1b204f),linear-gradient(0deg,rgba(27,32,79,.6),rgba(27,32,79,.6)), url(../img/banners/menu_header.webp) no-repeat;
    background-size: cover;
}

.Wrapper--Header--left-panel > #contentText {
    background: url(../img/banners/menu_header.webp) no-repeat;
    background-size: cover;
    background-position: 50%;
}

.Wrapper--Header--left-panel > #contentText {
    height: 206px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    line-height: 1.15;
}

    .Wrapper--Header--left-panel > #contentText p {
        margin: 0;
        font-weight: 600;
    }

body:not(.LoggedIn) .Wrapper--Header--left-panel .left-panel-control-group {
    top: 140px;
    right: 50px;
}

body:not(.LoggedIn) .Wrapper--Header--Left .header_logo {
    left: calc((100% - 10rem) / 2);
}

.Wrapper--Header--left-panel .left-panel-control-group {
    display: flex;
    right: 0;
}

body.LoggedIn .Wrapper--Header--left-panel .left-panel-control-group > li, body.LoggedIn .Wrapper--Header--left-panel .left-panel-control-group > a {
    padding: 0 8px !important;
}

.Wrapper--Header--left-panel .left-panel-control-group i {
    color: var(--white-color) !important;
}

.Wrapper--Header--left-panel .Balance--user {
    padding-top: 64px;
}

body.LoggedIn .Wrapper--Header--Left .Menu--user ul li:first-child {
    top: 122px;
}

body.LoggedIn .Wrapper--Header--Left .Button--Balance {
    top: 128px;
}

body.LoggedIn .Wrapper--Header--Left .Menu--user ul {
    margin: 0;
}

.Wrapper--Header--Left .header_logo {
    width: 10rem;
    height: 4.1rem;
    left: 16px;
}

.Wrapper--Header--Left .burger-expander {
    background-color: rgb(25, 34, 46, .8);
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    cursor: pointer;
    height: 1.8rem;
    transform: rotate(-90deg);
    padding: 0px 1.5rem 0px 1.5rem;
    transition: opacity 0.3s ease 0s;
    position: absolute;
    right: -30px;
    top: 50%;
}

    .Wrapper--Header--Left .burger-expander i {
        visibility: visible !important;
        color: #06d;
    }

.Wrapper--Header--left-panel .burger-expander i:before {
    content: '\f106';
}

.Wrapper--Header--Left.closed .burger-expander i:before {
    content: '\f107';
}

.Wrapper--Header--left-panel > .Container__Item {
    height: calc(100% - 310px);
    background-color: #1a222f !important;
}

body:not(.LoggedIn) .Wrapper--Header--Left #winner-body-wraper {
    background: #1a222f;
}

body:not(.LoggedIn) .Wrapper--Header--left-panel > .Container__Item {
    height: calc(100% - 220px);
}

.Wrapper--Header--Left .tab-body {
    margin: 1.6rem 1.5rem 2rem;
    background-color: #1a222f !important;
    overflow: hidden;
}

    .Wrapper--Header--Left .tab-body .item {
        box-shadow: none !important;
        gap: 8px;
    }

.Wrapper--Header--Left .slot-banner .body .tab-body .item .win-amount {
    background: unset !important;
}

.Wrapper--Header--Left .item .play-now-btn {
    background-color: transparent;
}

.Wrapper--Header--Left .tab-body .item:hover .play-now-btn {
    background-color: rgba(28, 42, 56, .8);
}

.Wrapper--Header--Left .slot-banner .body .tab-body .item .product-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #b0b3d2;
}

.Wrapper--Header--Left .tab-body-inner, .Wrapper--Header--Left .tab-body .item {
    background: #1b2a38;
}

    .Wrapper--Header--Left .tab-body-inner:after {
        bottom: 0px;
        content: "";
        height: 12rem;
        left: 0px;
        position: absolute;
        right: 0px;
        z-index: 1;
        background: linear-gradient(rgba(25, 34, 46, 0), rgb(25, 34, 46) 50%, rgb(25, 34, 46));
    }

.Wrapper--Header--Left .slot-banner .body .tab-body .item .product-image img {
    border-radius: .3rem;
    left: 10px;
}

.Wrapper--Header--Left .play-now-btn .play-now:before {
    width: 10px;
    height: 10px;
}

.Wrapper--Header--Left .tabs ul {
    display: none;
}

.Wrapper--Single.play-section {
    height: calc(100vh);
    padding: 1rem;
    padding-left: 310px;
    background: url(../img/banners/gamehall_background.webp);
}

.Container--GamePage, .Container--GamePage .Container__Item {
    height: auto;
}

    .Container--GamePage .Balance--items, .gameLaunchFull .Balance--items {
        width: 100%;
        height: 40px;
        color: var(--brand-color);
        background: #19222e;
    }

    .Container--GamePage .game-page .game-container {
        max-width: 1260px;
        /* min-width: 1312px; */
        margin: auto;
        border: none !important;
        box-shadow: unset !important;
    }

        .Container--GamePage .game-page .game-container .game-controls {
            width: auto;
            position: absolute;
            right: 2rem;
            top: 0;
        }

.game-controls-btn {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-direction: row-reverse;
}

    /* .player-bonus-table{
    display: none;
} */

    .game-controls-btn > div {
        border: none !important;
        background: transparent !important;
        color: #fff;
        opacity: .3;
        transition: opacity .2s !important;
        cursor: pointer;
        z-index: 10;
    }

        .game-controls-btn > div i {
            font-size: 3rem !important;
            line-height: unset !important;
        }

        .game-controls-btn > div:hover {
            opacity: 1;
        }

[class^=game-container-type-], #sport_div_iframe {
    width: 100%;
    height: 100%;
}

.Container--GamePage .game-page .game-container .game-holder, .Container--GamePage .game-page.played-games-open .game-container .game-holder {
    width: 100%;
    height: calc(90vh - 15px);
}

.Container--GamePage .game-page .game-container .btn-real-game ~ .game-holder,
.Container--GamePage .game-page.played-games-open .game-container .btn-real-game ~ .game-holder {
    height: calc(90vh - 38px);
}

.Container--GamePage .game-page {
    margin: 0;
}

.Container--full.navigation {
    width: 100%;
    display: block;
    padding-left: 300px;
    position: absolute;
    top: 22px;
    z-index: 5;
}

    .Container--full.navigation .play-section-nav, .play-section .Container__Item.game-list-slidable {
        max-width: 1260px;
        margin: auto;
        padding-left: 3rem;
    }

    .Container--full.navigation .navigation_container {
        position: unset;
        color: var(--white-color);
        font-size: 1.2rem;
    }

.play-section .Container__Item.game-list-normal {
    display: none;
}

.play-section .Container__Item.game-list-slidable .game-list-wrapper {
    height: 90px;
    right: calc((100vw - 1506px) / 2);
    transition: all .20s !important;
}

.Wrapper--Header--Left.closed ~ .Container--full .play-section .Container__Item.game-list-slidable .game-list-wrapper,
.Wrapper--Header--Left.closed ~ .Container--full .play-section > .Item,
.Wrapper--Header--Left.closed ~ .Container--full .Container--GamePage .game-page .game-container .played-games {
    right: calc((100vw - 1200px) / 2);
}

.Wrapper--Header--Left:not(.closed) ~ .Container--full .Wrapper--Single.play-section .categorycarousel {
    right: calc((100vw - 1506px) / 2);
}

.play-section .Container__Item.game-list-slidable .game-list-wrapper, .play-section > .Item {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 120rem;
    background-color: rgb(25, 34, 46);
    transition: bottom .5s;
    background-image: unset;
    border: none;
}

.play-section > .Item {
    width: 100%;
    z-index: 55;
    background-color: transparent;
    right: calc((100vw - 1506px) / 2);
    bottom: 46px;
    transition: all 0.20s;
}

    .play-section > .Item a {
        width: calc(100% - 4rem);
        height: 3.8rem;
        display: block;
        margin: 0 2rem;
        padding-left: 2.4rem;
        line-height: 3.8rem;
        background-color: #151d27;
        border-radius: .8rem;
        color: var(--white-color);
        font-size: 1.3rem;
        box-shadow: 0 10px 16px rgba(75, 74, 120, .11);
        position: relative;
    }

        .play-section > .Item a i.la-search {
            position: absolute;
            transform: rotate(268deg);
            font-size: 24px;
            top: 6px;
            right: 6px;
            color: #06d;
        }

.Wrapper--Single.play-section .categorycarousel li {
    background: rgb(27, 42, 56) !important;
    color: rgb(176, 179, 210);
    /* font-size: 1.2rem; */
    /* text-transform: uppercase; */
    vertical-align: top;
    border: 1px solid transparent;
    height: 3.6rem;
    border-radius: 2rem;
    margin: 0px 0.5rem 0.5rem;
    padding: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    float: none;
    position: relative;
    cursor: pointer;
}

    .Wrapper--Single.play-section .categorycarousel li a, .Wrapper--Single.play-section .categorycarousel li.recent-games span {
        height: 100%;
        padding: .3rem 3rem .3rem 4rem;
        line-height: 26px;
    }

    .Wrapper--Single.play-section .categorycarousel li.recent-games span {
        font-size: 1.3rem;
        color: #fff;
    }

.play-section [class^='tp-i_'] {
    width: 36px;
    color: #06d;
    font-size: 24px;
    position: absolute;
    left: 4px;
}

.play-section .tp-i_play-outline {
    font-size: 20px;
}

.play-section .Container__Item.game-list-slidable .game-list-wrapper .casino-game-list-item {
    display: block;
    padding: 0;
    position: unset;
}

.Container--GamePage .game-page .game-container .played-games {
    /* z-index: 555; */
    width: 100% !important;
    max-width: 120rem;
    right: calc((100vw - 1506px) / 2);
    left: unset;
    border: none;
    transition: all .20s !important;
}

.play-section .game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
    height: 26.2rem;
    overflow: hidden;
    bottom: 222px;
    z-index: -1;
    transition: bottom .5s;
}

.play-section .game-list-slidable .casino-game-list-item .casino-categories.open:nth-child(1) .lazyLoadSliderContainer.swiper {
    bottom: 216px;
}

.play-section .game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
    bottom: -100px;
}

.Container--GamePage .game-page .played-games {
    bottom: 48px;
}

    .Container--GamePage .game-page .played-games.closed {
        bottom: -180px;
    }

.Container--GamePage .game-page .game-container .played-games:not(.closed) {
    bottom: 90px;
}

.played-games-list {
    position: unset;
}

.Container--GamePage .game-page .game-container .played-games,
.play-section .game-list-slidable .casino-game-list-item .product-wrapper {
    height: 22.2rem;
    z-index: 0;
    border: none;
    background-color: rgba(21, 29, 39, 0.8);
    width: 100%;
    border-radius: 0.3rem;
    padding: 6rem 2.8rem 2rem !important;
}

.Wrapper--Single.play-section .categorycarousel li:hover {
    border-color: #06d;
    color: var(--white-color);
}

.play-section .Container__Item.game-list-slidable .game-list-wrapper .casino-categories.open .name-cat-title {
    border-color: #06d;
    color: var(--white-color);
    background-color: #06d !important;
}

.play-section .casino-categories.open .name-cat-title::before {
    color: var(--white-color);
}

.Container--GamePage .game-page .played-games span.arrow {
    display: none;
}

.Container--GamePage .game-page .played-games:not(.closed) span.arrow {
    right: 0;
    top: 46px;
    left: unset;
    z-index: 10;
}

.game-page .slick-next, .game-page .slick-prev {
    width: 32px;
}

.game-page .slick-next, .game-page .slick-prev,
.play-section .swiper-button-prev, .play-section .swiper-button-next {
    top: 100px;
    z-index: 1;
    position: absolute;
}

.game-page .slick-prev, .play-section .swiper-button-prev {
    left: 0;
    cursor: pointer;
}

    .play-section .swiper-button-prev.disabled {
        display: none;
    }

.game-page .slick-next {
    right: 0;
}

.game-page.played-games-open .slick-next:before {
    content: '\e926';
}

.game-page.played-games-open .slick-prev:before {
    content: '\e925';
}

.game-page.played-games-open .slick-next:before, .game-page.played-games-open .slick-prev:before,
.play-section .swiper-button-prev:before, .play-section .swiper-button-next:before {
    padding: 0.2rem;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 102, 221);
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    font-size: 2.8rem;
}

.play-section .game-list-slidable .casino-game-list-item .product-wrapper {
    display: flex;
    margin: 0;
    left: 0;
    flex-wrap: wrap;
    position: absolute;
    bottom: 45px;
    overflow-y: scroll;
}

.play-section .game-list-slidable .slick-prev, .play-section .game-list-slidable .slick-next {
    width: 30px;
}

.play-section .nav-slidable .Container__Item.game-nav.row {
    display: flex;
    border: none;
    position: relative;
    z-index: 5;
}

.play-section .casino-game-list-item .product-wrapper .product-card,
.played-games .slick-slide, .played-games-list .slick-list {
    height: 16rem;
}

    .play-section .casino-game-list-item .product-wrapper .product-card .product-thumb,
    .play-section .casino-game-list-item .product-wrapper .product-card .product-desc,
    .Container--GamePage .game-page .played-games .game-wrapper img,
    .Container--GamePage .game-page .played-games .game-wrapper-link, .played-games .slick-slide > div {
        height: 13rem !important;
    }

.Container--GamePage .game-page .played-games .slick-slide img {
    object-fit: cover;
}

.play-section .swiper-button-next {
    right: 0;
    cursor: pointer;
}

    .play-section .swiper-button-prev:before, .play-section .swiper-button-next:before {
        content: '\e912';
        font-family: 'template9' !important;
    }

.play-section .swiper-button-prev:before {
    content: '\e913';
}

.play-section .categoryTitle {
    display: block;
    height: 30px;
    padding: 1rem 2.8rem;
    color: var(--white-color);
    position: absolute;
    z-index: 10;
    font-weight: 900;
    top: 10px;
    left: 10px;
}

.play-section .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 22px;
    z-index: 5;
    opacity: 1;
    cursor: pointer;
}

    .play-section .close:before {
        content: '\f00d';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        color: var(--white-color);
    }

.Container--GamePage .game-page .played-games .game-wrapper {
    height: 100%;
    padding: 0 4px;
}

.played-games .slick-slide {
    width: 13.8rem !important;
}

.Container--GamePage .game-page .game-container .btn-real-game {
    padding: 0 2rem;
    position: absolute;
    right: unset;
    left: 65%;
    bottom: -62px;
    transform: unset;
    animation-name: unset;
    border: none !important;
    z-index: 0;
}

.game-frame__try-real .game-frame__try-real {
    align-items: center;
    background: #06d;
    border-radius: .3rem;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 1.2rem 0 0;
    padding: 1.2rem 80px 1.2rem 0;
    width: 100%;
    max-width: 1260px;
    margin-left: calc((100% - 1260px) / 2);
}

.game-frame__try-real img {
    height: 3.5rem;
    margin-right: 1.6rem;
}

.game-frame__try-real p {
    margin: 0;
    font-weight: 600;
}

/* playfull */
/* .Wrapper--Single.game-launch--full .game-nav-tab.recent-games{
    display: none;
} */

.Wrapper--Single.game-launch--full.play-section {
    height: auto;
    min-height: 100vh;
    padding: 1rem;
    margin-top: 80px;
}

.Wrapper--Single.game-launch--full .Iframe--full {
    min-height: 100vh;
    position: relative;
}

.Iframe--full iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.Container--GamePage .game-page .game-container .game-holder {
    color: var(--white-color);
    font-size: 15px;
    justify-content: center;
    align-items: center;
}




.game-page .player-bonus-table .btn-bonus, .gameLaunchFull .Game--Balance .btn-bonus {
    padding: 4px 8px;
    margin-top: 41px;
    position: absolute;
    z-index: 5;
    left: 0;
    font-size: 15px;
    background: var(--brand-color);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}

.game-page .player-bonus-table, .gameLaunchFull .Game--Balance {
    color: var(--white-color);
    position: absolute;
    right: -20px;
}

.tp-ic-gifts:before {
    content: '\f06b';
    font-family: 'Line Awesome Free';
    font-weight: 900;
}

.tp-ic-cash, .tp-ic-bonus, .tp-ic-total, .tp-ic-award {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

    .tp-ic-cash:before, .tp-ic-bonus:before, .tp-ic-total:before, .tp-ic-award:before, .tp-ic-gifts:before {
        font-size: 23px;
    }

.game-page .player-bonus-table .bonus-title-row, .game-page .player-bonus-table .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-title-row, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row-title {
    display: flex;
    min-width: 280px;
}

.game-page .player-bonus-table .bonus-body-row.item .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item .bonus-body-row-title {
    cursor: pointer;
    position: relative;
}

    .game-page .player-bonus-table .bonus-body-row.item .bonus-body-row-title.open,
    .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item .bonus-body-row-title.open {
        background-color: #808aa6;
        border-radius: 8px;
    }

.game-page .player-bonus-table .bonus-body-row.item.disabled > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item.disabled > .bonus-body-row-title {
    opacity: .5;
}

.game-page .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title, .game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item {
    border: 1px solid var(--white-color);
    border-radius: 8px;
}

.game-page .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper > .bonus-body-row-title {
    border-color: var(--brand-color);
    margin-bottom: 10px;
}

.game-page .player-bonus-table .bonus-title-row > div, .game-page .player-bonus-table .bonus-body-row-title > div,
.gameLaunchFull .Game--Balance .player-bonus-table .bonus-title-row > div, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row-title > div {
    padding: 5px;
    flex: 1;
}

.game-page .player-bonus-table .bonus-body-wrapper, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
    max-height: 300px;
    margin-top: 40px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 5;
    right: 0;
    background-color: #5e6a78;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.game-page .player-bonus-table .bonus-body-row.item, .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-row.item {
    margin-bottom: 10px;
}

.game-page .player-bonus-table .btn-bonus ~ .bonus-body-wrapper,
body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px);
}

.game-page .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.game-page .forfeit-btn, .game-page .disable-btn, .game-page .enable-btn,
.gameLaunchFull .Game--Balance .forfeit-btn, .gameLaunchFull .Game--Balance .disable-btn,
.gameLaunchFull .Game--Balance .enable-btn {
    display: inline-block;
    padding: 4px 14px;
    color: var(--white-color);
    transition: all 0.3s;
    border-radius: 20px;
    background-color: #ffb800;
    border: none;
    position: relative;
}

.game-page .disable-btn, .gameLaunchFull .Game--Balance .disable-btn {
    background: grey;
}

.game-page .enable-btn, .gameLaunchFull .Game--Balance .enable-btn {
    background: #65b812;
}

    .game-page .forfeit-btn:active, .game-page .disable-btn:active, .game-page .enable-btn:active {
        opacity: .5;
    }

.game-controls .bonus-body-row.item .row, .Game--Balance .bonus-body-row.item .row {
    padding: 8px;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.gameLaunchFull .Game--Balance {
    display: flex;
    height: 100%;
    justify-content: center;
    gap: 15px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .btn-bonus {
    margin-top: 8px;
    position: unset;
    display: inline-block;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    position: unset;
    transform: translateY(50px);
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    margin: 0;
}

body:not(.mobile) .gameLaunchFull .Balance--items {
    height: 40px;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .bonus-body-wrapper {
    max-height: unset;
}

body:not(.mobile) .gameLaunchFull .Game--Balance .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
/* -------------------------------------------------------------------------- SearchPopup -------------------------------------------------------------------------*/

#searchPopup {
    overflow-y: hidden;
}

    #searchPopup .modal-title-text {
        min-height: auto;
        border: none;
        font-weight: 600;
        line-height: unset;
    }

    #searchPopup .modal-header .logo-img {
        width: 88px;
        margin: 0;
    }

    #searchPopup .glyphicon-search {
        left: unset;
        right: 10px;
        top: 6px;
    }

    #searchPopup .searchLoading{
        color: transparent !important;
        pointer-events: none;
    }

    #searchPopup .searchLoading:after {
        width: 50px !important;
        height: 50px;
        left: calc(50% - (50px / 2)) !important;
        top: calc(50% - (50px / 2)) !important;
    }

    #searchPopup .search-wrapper .view-category-filter-form #searchTb {
        background: white;
    }

    #searchPopup .search-wrapper {
        padding: 20px;
        display: flex;
        gap: 8px;
        background-color: var(--background-color2);
        border-radius: 12px;
        flex-direction: row-reverse;
    }

        #searchPopup .search-wrapper .ss-content:not(.ss-open) {
            display: none;
        }

        #searchPopup .search-wrapper .ss-content {
            width: calc(100vw - 155px);
            max-width: 1330px;
            height: 0;
            position: unset;
        }

    #searchPopup .game-category-selector-container .ss-main .ss-multi-selected {
        height: 48px;
    }

    #searchPopup .search-wrapper .view-category-filter-form {
        flex: 1;
        position: relative;
    }

.Wrapper--Header #searchSettings ~ a {
    color: var(--white-color);
    font-size: 18px;
}

    .Wrapper--Header #searchSettings ~ a i {
        transition: all 0.3s;
    }

.modal-dialog.search {
    width: 100%;
    height: 100%;
    max-height: 800px;
    max-width: 900px;
    overflow: auto;
    padding-right: 10px;
}

    .modal-dialog.search.vendorListOpen {
        padding-right: 0px;
    }

    .modal-dialog.search .modal-content {
        height: 100%;
        min-height: 100%;
        padding: 0 10px 6px;
    }

        .modal-dialog.search .modal-content .modal-body {
            height: calc(100% - 100px);
            padding: 0px 15px 34px;
        }

    .modal-dialog.search.vendorListOpen .modal-content .modal-body, .modal-dialog.search.vendorListOpen .modal-content {
        height: auto;
    }

    .modal-dialog.search.vendorListOpen #popupSearchItems {
        min-height: 350px;
    }

    .modal-dialog.search .modal-content .modal-body > .form-group {
        height: 100%;
    }

#popupSearchItems {
    max-height: calc(100% - 78px);
    padding: 20px 6px 64px 0px;
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    grid-gap: 20px;
    color: var(--white-color);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

    #popupSearchItems.no-games-found-container {
        height: 100%;
    }

    #popupSearchItems .Item {
        position: relative;
        display: flex;
        justify-content: center;
        border-radius: 1.6rem;
        aspect-ratio: 1/1;
        padding-bottom: 2.4rem;
    }

        #popupSearchItems .Item .product-image img {
            height: 100%;
            border-radius: 1.6rem;
            object-fit: cover;
        }

        #popupSearchItems .Item .play-now-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
        }

    #popupSearchItems .play-now-btn a {
        flex: 1;
        height: 100%;
        padding: 0 !important;
        line-height: 40px;
        text-align: center;
        opacity: 0;
        cursor: pointer;
    }

    #popupSearchItems .Item .product-description {
        position: absolute;
        top: 90%;
        text-align: center;
        font-size: 1.4rem;
        color: rgb(27, 32, 79);
    }

        #popupSearchItems .Item .product-description .product-name {
            font-weight: 700;
        }

    #popupSearchItems .demo, #popupSearchItems .play-full {
        display: block;
        text-transform: capitalize;
    }

    #popupSearchItems .Item .info-container {
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 5px 15px 5px 5px;
        top: 0;
        opacity: 0;
        text-align: center;
    }

        #popupSearchItems .Item .info-container.open {
            background-color: #19222e;
        }

        #popupSearchItems .Item .info-container .la.la-warning, #popupSearchItems .Item .info-container .la.la-times {
            font-size: 20px;
            color: #d43a09;
            position: absolute;
            right: 3px;
            cursor: pointer;
        }

            #popupSearchItems .Item .info-container .la.la-warning:before, #popupSearchItems .Item .info-container .la.la-times:before {
                background-color: var(--white-color);
                border-radius: 3px;
            }

            #popupSearchItems .Item .info-container .la.la-times:before {
                background-color: transparent;
                color: var(--white-color);
            }

        #popupSearchItems .Item .info-container .info-text {
            max-width: calc(100% - 10px);
            max-height: calc(100% - 45px);
            overflow-y: auto;
            overflow-x: hidden;
        }

    #popupSearchItems .Item .game-info .close-info {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        position: absolute;
        bottom: 5%;
    }

body:not(.mobile) #popupSearchItems .Item:hover .play-now-btn a,
body:not(.mobile) #popupSearchItems .Item:hover .product-description,
body:not(.mobile) #popupSearchItems .Item:hover .info-container {
    opacity: 1;
}

#searchPopup #popupSearchItems #load-more-container {
    padding: 5px 15px 8px 15px;
    position: absolute;
    bottom: -25px;
    left: 0;
    z-index: 99;
}

.modal-dialog.search:not(.vendorListOpen)::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.modal-dialog.search.vendorListOpen .modal-content #popupSearchItems #load-more-container {
    bottom: -8px !important;
}

#searchPopup #popupSearchItems #load-more-container #loadMoreBtn {
    padding: 11px 35px !important;
}

    #searchPopup #popupSearchItems #load-more-container #loadMoreBtn:hover {
        opacity: 1 !important;
    }

.Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item {
    height: 36px;
    width: 16%;
    padding: 0 8px;
    margin: 0 auto 0 20px;
    border-radius: 12px;
    background-color: #1b2a38;
    min-width: 142px;
}

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item:hover {
        opacity: .9;
    }

    .Wrapper--Header.Header--primary__Panel--user > .Container__Item > .Item a {
        display: flex;
        height: 100%;
        line-height: 36px;
    }

.Wrapper--Header #searchSettings ~ a i {
    display: flex;
    align-items: center;
}

    .Wrapper--Header #searchSettings ~ a i ~ span {
        font-family: sans-serif;
        font-weight: 100;
        font-size: 12px;
        margin-left: 10px;
    }

#searchPopup[aria-modal^='true'] ~ #loginPopup {
    background-color: rgba(0, 0, 0, .5);
}

.modal-dialog.search .modal-header {
    padding: 12px 15px;
    display: flex;
    align-items: center;
}


/*  */
.Wrapper--Single.play-section .categorycarousel .slick-list {
    padding: 0 2rem !important;
}

.Wrapper--Single.play-section .categorycarousel .slick-track {
    transform: unset !important;
    width: 100% !important;
}

.Wrapper--Single.play-section .categorycarousel .slick-arrow, .promotions_wrapper .slick-arrow, .play-section .Container__Item.game-list-slidable .name-cat-title {
    display: none !important;
}

.Wrapper--Single.play-section .categorycarousel {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 120rem;
    background-color: rgb(25, 34, 46);
    transition: bottom .5s;
    background-image: unset;
    border: none;
    height: 48px;
    right: calc((100vw - 1200px) / 2);
    display: flex;
    align-items: center;
    transition: all .20s !important;
}


.play-section .Container__Item.game-list-slidable .game-list-wrapper, .play-section .Container__Item.game-list-slidable .game-list-wrapper .casino-categories {
    background-color: transparent;
}

    .play-section .Container__Item.game-list-slidable .game-list-wrapper .casino-categories {
        height: 0;
    }

.Wrapper--Single.play-section .categorycarousel li:nth-child(n+6), .Wrapper--Single.game-launch--full.play-section .categorycarousel li:nth-child(n+5) {
    display: none;
}

/* ------------------ notif limit message css --------------------*/

.notify-limit {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 55555;
    background: #1d211f4a;
    display: flex;
    justify-content: center;
    align-items: center
}

.notify-message-group {
    width: 500px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    border-radius: 20px;
    padding: 15px;
}

    .notify-message-group .notify-message {
        font-weight: 700;
        font-size: x-large;
    }


/* realityCheck */
.REALITY_CHECK .popup-content {
    padding: 15px;
    display: flex;
    min-width: 390px;
    min-height: 330px;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
}

    .notify-message-group .btn,
    .REALITY_CHECK .popup-content button {
        order: 5;
        display: flex;
        width: 100%;
        height: 56px;
        background: var(--brand-color);
        color: #fff;
        border: 0;
        outline: none;
        font-size: 22px;
        font-weight: 800;
        line-height: 20px;
        padding: 15px 20px;
        border-radius: 50px;
        letter-spacing: 1px;
        margin: 10px 0 5px 0;
        text-transform: uppercase;
        align-items: center;
        justify-content: center;
    }

    .REALITY_CHECK .popup-content .eye-icon {
        top: 40px;
    }

body.LoggedIn.notify {
    overflow: hidden;
}

.LoggedIn:has(.notify-limit) .fade.show {
    visibility: hidden;
    opacity: 0
}

.REALITY_CHECK .popup-content #barcode {
    width: 180px;
    height: 180px;
}

.REALITY_CHECK .popup-content .form-group {
    display: flex;
    flex-direction: column;
}

#save-row {
    padding: 0;
}


/* ---------------------------------------- Responsible Gambling ---------------------------------------------- */
.responsible-gambling {
    color: var(--white-color)
}

    .responsible-gambling .transaction-row-outlined.column-headers {
        padding: 10px 0;
        justify-content: center
    }

    .responsible-gambling .transaction-row-outlined .trans-proc-time {
        text-align: center
    }

    .responsible-gambling .transaction-row .trans-proc-time, #profilePopup .responsible-gambling .col-xs-3, .responsible-gambling .transaction-row span {
        width: calc(100%/3);
        display: flex;
        justify-content: center
    }

#profilePopup .responsible-gambling .switch {
    left: unset
}

.responsible-gambling h4, .responsible-gambling h3 {
    font-size: 15px;
    padding: 0 10px 10px;
    font-weight: 400;
    grid-column-end: span 3
}

.responsible-gambling label {
    margin: unset;
    color: var(--blue-color);
}

.responsible-gambling .form-group:not(.mt-10,.history-modal .form-group) {
    margin: 15px;
    position: relative
}

.responsible-gambling #responsibleSystem > div:first-child > div {
    display: grid;
    grid-template-columns: 1fr 1fr 0fr
}

.responsible-gambling .custom-radio-button, .responsible-gambling .product-select {
    display: none
}

.responsible-gambling [id^=transaction-details] label:not(.control-label) input[type=checkbox] {
    content: '';
    width: 22px;
    height: 22px;
    display: flex;
    border: 2px solid var(--grey-color);
    border-radius: 4px;
    font-weight: 900;
    border-color: var(--color-green-2);
    accent-color: var(--color-green-2);
    appearance: none;
    border-radius: 6px
}

    .responsible-gambling [id^=transaction-details] label:not(.control-label) input[type=checkbox]:checked {
        background: var(--color-green-2);
        appearance: auto;
        border-radius: 6px
    }

.responsible-settings-block .form-group .control-fields .form-control ~ .glyphicon-search {
    left: auto;
    right: 5px;
    top: -4px
}

.responsible-gambling [id^=transaction-details] label:not(.control-label) {
    width: 100%;
    background-color: unset !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    padding: 6px 10px;
    cursor: pointer;
    user-select: none
}

.responsible-gambling .product-select.open {
    display: block;
    position: absolute;
    width: 100%;
    border: 1px solid var(--grey-color);
    border-radius: 12px;
    background-color: var(--background-color-9);
    z-index: 5;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden
}

#limit-product-object-types .select2-results__option span {
    display: flex;
    justify-content: flex-start;
    gap: 15px
}

.responsible-gambling .select {
    color: var(--grey-color) !important;
    height: 36px;
    border: 1px solid var(--grey-color);
    outline: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    align-content: center;
    justify-content: space-between
}

    .responsible-gambling .select:after {
        font-family: line awesome free;
        font-weight: 900;
        content: '\f107'
    }

.responsible-gambling .responsible-label {
    display: none !important
}

.responsible-types {
    padding: 10px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

    .responsible-types > div {
        color: var(--blue-color);
        font-weight: 600;
        padding: 5px;
        cursor: pointer;
        border-bottom: 2px solid transparent
    }

        .responsible-types > div:hover {
            border-color: #fff
        }

        .responsible-types > div.active {
            border-color: var(--blue-color);
        }

.responsible-settings-block:not(:has(.history-modal)) {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px
}

.responsible-settings-block .inner-occurrences:has(.password-form-group) {
    box-shadow: 0 0 10px 2px #00ff8342,0 0 #00ff8336;
    padding: 15px;
    margin-top: 15px
}

.responsible-settings-block .inner-block, .responsible-settings-block .history-modal {
    padding: 12px;
    border-radius: 12px;
    color: var(--blue-color);
    flex: 1
}

    .responsible-settings-block .inner-block .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .responsible-settings-block .inner-block .product-info, .responsible-settings-block .form-group:not(.history-modal .form-group) {
        margin-bottom: 10px;
        display: flex;
        gap: 10px;
        flex-direction: column
    }

    .responsible-settings-block .history-modal label {
        margin-bottom: 5px
    }

    .responsible-settings-block .inner-block .product-info > div {
        padding: 4px;
        border-bottom: 2px solid #fff
    }

    .responsible-settings-block .inner-block .inner-body:has(.notice-form-group) {
        display: flex;
        flex-direction: column;
        padding: 10px;
        box-shadow: 0 0 10px 2px #00ff8342,0 0 #00ff8336;
        margin-top: 25px
    }

    .responsible-settings-block .inner-block .inner-body .form-groups:has(>.prevent-login-form-group:only-child) {
        grid-template-columns: repeat(auto-fit,minmax(100px,1fr))
    }

    .responsible-settings-block .inner-block .inner-body .form-groups {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
        box-shadow: 0 0 10px 2px var(--blue-color),0 0 var(--blue-color);
        margin: 15px 0
    }

    .responsible-settings-block .inner-block .inner-occurrences-body .canceled-limit-reminder {
        padding: 0 0 15px 15px;
        color: #00ff83
    }

    .responsible-settings-block .inner-block .inner-occurrences-body .notice-info {
        color: var(--blue-color);
        font-weight: 600;
        margin-right: 10px
    }

.responsible-settings-block .select2-selection__clear {
    display: none !important;
}

.responsible-settings-block .select2-container--default .select2-results__option span {
    color: var(--blue-color) !important
}

.responsible-settings-block .select2-container--default .select2-results__option span, .responsible-settings-block .select2-container--default .select2-selection--single span:not(.select2-selection__arrow) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    width: calc(100% - 5px);
    height: auto
}

.responsible-settings-block .select2-container--default .select2-results__option:has(.has-limit) {
    background: #1dd3b4;
    color: #000
}

.responsible-settings-block .glyphicon.glyphicon-cancel.form-control-feedback {
    pointer-events: auto;
    cursor: pointer;
    top: 6px;
}

.responsible-settings-block .select2-container--default .select2-results__option[aria-selected=true] span {
    color: var(--black-color) !important
}

#profilePopup .modal-dialog .modal-footer .row .col-xs-6 .col-xs-12 {
    text-align: left
}

.responsible-settings-block .next-start-date, .responsible-settings-block .next-end-date {
    margin: 0 4px
}

.responsible-settings-block .modal-sub-body .col-xs-12 {
    text-align: left
}

.responsible-settings-block #parent {
    position: relative
}

.limit-product-info {
    display: block;
    width: 100%
}

.responsible-gambling .form-group #currency-symbol:not(#next-limit-value #currency-symbol) {
    position: absolute;
    font-weight: 800;
    top: 14px;
    left: 5px;
    color: var(--blue-color);
}

.responsible-gambling .form-group #next-limit-value {
    position: relative
}

    .responsible-gambling .form-group #value-reminder #reminder-currency-symbol, .responsible-gambling .form-group #next-limit-value #currency-symbol {
        color: #00ff83
    }

.responsible-gambling .form-group .form-control-feedback .las:before {
    font-style: normal;
    font-weight: 800;
    font-size: 18px
}

.responsible-gambling .form-group .form-control-feedback .la-times:before {
    color: #ff5722 !important
}

.responsible-gambling .form-group .form-control-feedback .la-refresh:before {
    color: #00ff83 !important
}

.responsible-settings-block .inner-block .limit-body {
    padding-bottom: 15px
}

.form-group.password-form-group .eye-icon {
    top: 35px
}

.responsible-settings-block .inner-block .modal-footer.form-footer .btn-body .btn {
    padding: 5px 25px !important;
    margin-top: 10px
}

.limit-product-objects, #limit-product-object-types, .form-group.password-form-group {
    width: 50%;
}

.form-group.password-form-group {
    width: 25% !important
}

.modal-sub-body.responsible .limit-product-objects h5 {
    padding: 20px 0 10px
}

.control-fields {
    position: relative
}

.responsible-settings-block .row select {
    height: 48px;
    flex: 1;
    padding: 0;
    margin: 0 4px;
    outline: none;
    cursor: pointer;
    background-color: var(--background-color-10);
    border-radius: 12px;
    text-align: center
}

    .responsible-settings-block .row select#Month {
        flex: 1.2
    }

    .responsible-settings-block .row select#Year {
        flex: 1.5
    }

#limit-product-object-types {
    margin-top: 15px !important
}

.responsible-settings-block .inner-body > div input {
    padding: 5px 15px;
    color: #000;
    outline: none;
    border-radius: 10px
}

.reason-dropdown {
    width: 156px;
    padding: 5px;
    border-radius: 10px;
    height: 22px;
    position: relative;
    background-color: #fff;
    color: #000;
    text-align: right
}

    .reason-dropdown > span {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 5;
        background-color: #fff;
        text-align: start;
        top: 23px;
        left: 0;
        border-radius: 12px;
        display: none
    }

    .reason-dropdown.open > span, .responsible-settings-block .row:not(.filters--date), .responsible-settings-block .inner-block.open .inner-body > div > div.row {
        display: flex
    }

#profilePopup .responsible-settings-block .history-modal #searchform .js-form-search-submit {
    margin-top: 25px
}

.reason-dropdown > span span {
    padding: 6px
}

    .reason-dropdown > span span:hover {
        background-color: var(--background-color-10);
        color: #fff
    }

.modal-sub-body.responsible h5 {
    margin: 0;
    padding: 8px 15px 15px
}

.responsible-settings-block.single {
    justify-content: start
}

    .responsible-settings-block.single .inner-block {
        width: calc((100%/5) - 10px);
        flex: unset
    }

        .responsible-settings-block.single .inner-block:nth-child(n+2), .responsible-settings-block.single .inner-block .title, .responsible-settings-block.single.self .inner-block .amount, .responsible-settings-block .inner-block.open .inner-body .not-set, .responsible-settings-block .inner-block .inner-body .form-groups:not(:has(:first-child)) {
            display: none
        }

.responsible-settings-block .inner-block .save-btn {
    display: flex;
    justify-content: end
}

.responsible-settings-block .inner-block.open .inner-body > div > div:nth-child(3) {
    display: block
}

#end-date-checkbox {
    align-items: center
}

    #end-date-checkbox input[type=checkbox] {
        visibility: hidden;
        display: none
    }

    #end-date-checkbox *, #end-date-checkbox ::after, #end-date-checkbox ::before {
        box-sizing: border-box
    }

    #end-date-checkbox .checkbox {
        width: 60px;
        height: 30px;
        position: relative;
        display: inline-block
    }

    #end-date-checkbox .checkbox-slider {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 30px;
        box-shadow: 0 0 0 2px #777,0 0 4px #777;
        cursor: pointer;
        border: 4px solid transparent;
        overflow: hidden;
        transition: .2s
    }

        #end-date-checkbox .checkbox-slider:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-color: #777;
            border-radius: 30px;
            transform: translateX(-30px);
            transition: .2s
        }

    #end-date-checkbox input:checked + .checkbox-slider:before {
        transform: translateX(30px);
        background-color: var(--blue-color);
    }

    #end-date-checkbox input:checked + .checkbox-slider {
        box-shadow: 0 0 0 2px var(--blue-color),0 0 8px var(--blue-color);
    }

.responsible-settings-block .limit-set-info span {
    font-size: 15px;
    font-weight: 900
}

.responsible-settings-block .limit-base-info {
    font-size: 15px
}

.responsible-settings-block .limit-set-info {
    margin-bottom: 15px
}

.responsible-settings-block .limit-revoke-info {
    display: flex;
    padding: 15px;
    gap: 15px;
    background: var(--blue-color);
    color: #fff;
    margin: 15px 0;
    border-radius: 8px
}

    .responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body {
        display: flex;
        flex-direction: column;
        gap: 5px
    }

        .responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body .attention {
            font-weight: 900
        }

    .responsible-settings-block .limit-revoke-info .la-warning {
        display: flex;
        align-items: center;
        padding: 25px;
        border-radius: 100%;
        box-shadow: inset 0 0 8px 3px #ff5823;
    }

.responsible-settings-block .inner-block .inner-body .form-groups:has(.occurrence-notice-info) .form-group .control-label:not(:has(.occurrence-notice-info)) {
    margin-bottom: 20px;
}

/* ---- Deposit  ----*/
.mobile #profilePopup .modal-sub-body-inner .transaction-block .col-md-12 {
    width: 100%;
}

.mobile .modal-dialog .transaction-row {
    display: flex;
    background: transparent;
    border: unset;
    width: 100%;
    padding-left: 35%;
}

.mobile #profilePopup .modal-sub-body-inner .transaction-block,
.mobile #paymentsystem .bonus-body-row-title {
    display: flex;
    min-height: 44px;
    margin: 10px 0 0;
    padding: 15px;
    align-items: center;
    font-size: 12px;
    border: 1px solid var(--blue-color);
    border-radius: 12px;
    background-color: var(--background-color-10);
    color: #000;
    transition: background-color .2s;
    position: relative;
}

    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-head > div,
    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main > div:not(.trans-logo, .trans-title) {
        width: 100%;
    }

    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-head,
    .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main,
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-header,
    .mobile #paymentsystem .bonus-body-row-title .bonus-content-main {
        width: 100%;
        display: flex;
        align-items: start;
        row-gap: 5px;
        padding: 0;
        color: #000;
        flex-direction: column;
        border: unset;
    }

        .mobile #profilePopup .modal-sub-body-inner .transaction-block .transaction-block-main > div:not(.trans-title),
        .mobile #paymentsystem .bonus-body-row-title .bonus-content-main > div:not(.trans-title) {
            font-weight: bold;
            color: var(--blue-color);
        }

.mobile #profilePopup .transaction-block .transaction-block-main .trans-title {
    right: 70%;
    position: absolute;
    left: 10px;
    top: 90%;
    transform: translate(0%, -50%);
    width: 100%;
}

.mobile #profilePopup .transaction-block .transaction-block-main .trans-logo {
    position: absolute;
    left: 15px;
    top: 40%;
    transform: translate(0%, -50%);
    width: 90px;
    height: 60px;
    margin-right: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--blue-color);
}

.mobile .player-bonus-type-deposit {
    min-width: auto;
}

.grid-info-section {
    margin-bottom: 20px;
}

    .grid-info-section .trans-title {
        width: 100%;
        text-align: left;
        font-size: 1.8em;
        margin-bottom: 5px;
        color: var(--blue-color);
        padding: 0 10px;
    }

    .grid-info-section .info-row {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #444444;
        font-size: 15px;
    }

        .grid-info-section .info-row .label {
            color: #000;
        }

        .grid-info-section .info-row > div {
            color: var(--blue-color);
            font-weight: bold;
        }

.mobile [id^=transaction-details].shown {
    border-top: 2px solid var(--blue-color);
    border-bottom: 2px solid var(--blue-color);
    border-right: unset;
    border-left: unset;
    margin: 15px 0;
    padding: 10px 0;
}

.mobile #paymentsystem .bonus-body-row-title {
    justify-content: space-between;
    padding: 15px;
    position: relative;
    border-top: 2px solid var(--blue-color);
    border-bottom: 2px solid var(--blue-color);
    border-right: unset;
    border-left: unset;
    margin: 5px 0;
}

    .mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div {
        flex: unset;
        padding: 0;
        width: auto;
    }

        .mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
            font-size: 8px;
            line-height: 1rem;
            padding: 10px !important;
            position: relative;
            height: auto;
        }

.mobile .bonus-button-wrapper,
.mobile #paymentsystem .bonus-body-row-title .bonus-content-header > div:last-child {
    margin: 10px 0;
}

.mobile #paymentsystem > div:nth-child(2) > div:nth-child(1) {
    overflow: hidden;
}

.mobile .bonus-body-fixed-header,
.mobile .fixed-transaction-block-head,
.mobile .bonus-col-title-wrapper.fixed-bonus-header,
.mobile .fixed-freespin-header {
    display: none;
}

.mobile .freespin-games {
    position: relative;
    border-radius: 8px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.03);
    padding: 10px;
}

    .mobile .freespin-games .table--scrollable__tr {
        position: relative;
        display: flex;
        width: 100%;
        min-width: auto !important;
        background-color: transparent;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 !important;
    }


body.mobile .freespin-games > .freespin-games-main:not(.freespin-game) {
    position: relative;
    display: flex;
    width: 100%;
    min-width: auto !important;
    background-color: transparent;
    align-items: flex-start;
    flex: unset;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0 3px;
}

body.mobile .freespin-gamescontainer {
    min-width: auto !important;
}



body.mobile .modal-dialog.deposit .modal-content,
body.mobile .modal-dialog.withdrawal .modal-content {
    overflow-x: hidden;
}

.mobile .games-box .fixed-freespin-header {
    display: grid !important;
    grid-template-columns: 3fr 1fr 2fr 2fr;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    min-width: 100% !important;
}

body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body,
body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body{
    overflow-x: hidden !important;
}

body.mobile #profilePopup .modal-dialog.withdrawal .modal-sub-body, body.mobile #profilePopup .modal-dialog.deposit .modal-sub-body {
    height: calc(100dvh - 150px) !important;
    overflow: auto;
}

.mobile #profilePopup .modal-content .modal-body .profile-sub-nav li:after {
    display: none;
}

.mobile .games-box .table--scrollable__tr > *:not(.games-info-titles),
.mobile .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mobile .freespin-games .table--scrollable__tr .no-wrap.table--scrollable__th.games-info-titles {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    padding: 0 3px;
}

.mobile .games-info-titles .table--scrollable__th,
.mobile .freespin-game .Item > * {
    text-align: start;
    max-width: fit-content;
    margin: 10px 0 0;
}

.mobile .games-info-titles .table--scrollable__th.name {
    min-width: fit-content;
    max-width: fit-content;
    margin-bottom: 10px;
}

.mobile .freespin-game .Item {
    justify-content: space-between;
    width: 100%;
    min-height: auto;
}

.mobile #profilePopup [id^='bonus-content-'] {
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
}

.mobile #profilePopup [id^='bonus-content-'] .os-content {
    padding: 0 !important;
}

.mobile .bonus-body-freespins {
    height: 565px; 
    overflow-y: scroll;
}

.mobile #registrationPopup .game-frame__try-real {
    margin-bottom: 10px;
}

#popup-blocked-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    background: #fff;
    color: #000;
    padding: 25px 35px;
    border-radius: 12px;
    text-align: center;
    font-family: sans-serif;
    box-shadow: 0 4px 20px var(--blue-color);
    max-width: max-content;
    max-height: max-content;
    margin: auto;
}

#popup-blocked-modal p {
    line-height: 25px;
}

#popup-blocked-modal h3 {
    font-size: 18px;
}

* {
    box-sizing: border-box;
}

body#telegram-auth-body, html:has(#telegram-auth-body) {
    width: 100%;
    height: 100%;
    margin: 0;
}

#telegram-auth::before {
    content: "";
    display: block;
    position: absolute;
    width: 320px;
    height: 320px;
    top: 0;
    left: 50%;
    opacity: 40%;
    border-radius: 100%;
    transform: translateX(-50%);
    background: var(--blue-violete);
    background-position: 50% 50%;
    filter: blur(75px);
    z-index: 0;
}

#telegram-auth {
    padding: 48px;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.telegram-auth__head {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-position: center bottom;
    background-size: cover;
    min-height: 260px;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--brand-color);
    border-radius: 20px;
}

.telegram-auth__head:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--brand-dark-green-color) !important;
    opacity: .8;
    border-radius: 20px;
    z-index: 1;
}

.telegram-auth__title {
    margin-block: 0 12px;
    font-size: 56px;
    line-height: 68px;
    font-weight: 700;
    color: var(--brand-color);
    margin-bottom: 24px;
    text-align: center;
    z-index: 2;
}

.telegram-auth__subtitle {
    margin: 0 auto;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: var(--brand-yellow-color);
    text-align: center;
    z-index: 2;
}

#telegram-auth__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 48px 16px;
}

.telegram-auth__text {
    margin-block: 0 12px;
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 12px;
    color: var(--brand-dark-green-color);
    text-align: center;
}

.telegram-auth__description {
    font-size: 20px;
    line-height: 30px;
    max-width: 460px;
    margin-bottom: 35px;
    color: var(--brand-color);
    text-align: center;
}

.social-network  .social-continue {
    padding: 8px 15px !important;
    display: flex;
    width: auto;
    font-size: 14px;
    background: transparent;
    border: 2px solid #ff5823;
}

.social-network .social-continue:hover{
    color: #fff;
}