@import url(css2-MaterialSymbolsOutlinedopszwghtFILLGRAD20..48100..7000..1-50..200.css);
@font-face
{
    font-family: MyriadPro-Bold;
    src: url(https://rolletto.win/assets/fonts/MyriadPro/MYRIADPRO-BOLD.woff2) format("woff2");
}
@font-face
{
    font-family: MyriadPro-Regular;
    src: url(https://rolletto.win/assets/fonts/MyriadPro/MYRIADPRO-REGULAR.woff2) format("woff2");
}
@font-face
{
    font-family: MyriadPro-Light;
    src: url(https://rolletto.win/assets/fonts/MyriadPro/MyriadPro-Light.woff2) format("woff2");
}
@font-face
{
    font-family: LilitaOne-Regular;
    src: url(https://rolletto.win/assets/fonts/LilitaOne-Regular.woff2) format("woff2");
}
@font-face
{
    font-family: Roboto-Regular;
    src: url(https://rolletto.win/assets/fonts/roboto/Regular/Roboto-Regular.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/Regular/Roboto-Regular.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/Regular/Roboto-Regular.ttf) format("truetype");
}
@font-face
{
    font-family: Roboto-Bold;
    src: url(https://rolletto.win/assets/fonts/roboto/Bold/Roboto-Bold.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/Bold/Roboto-Bold.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/Bold/Roboto-Bold.ttf) format("truetype");
}
@font-face
{
    font-family: Roboto-Black;
    src: url(https://rolletto.win/assets/fonts/roboto/Black/Roboto-Black.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/Black/Roboto-Black.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/Black/Roboto-Black.ttf) format("truetype");
}
@font-face
{
    font-family: Roboto-Light;
    src: url(https://rolletto.win/assets/fonts/roboto/Light/Roboto-Light.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/Light/Roboto-Light.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/Light/Roboto-Light.ttf) format("truetype");
}
@font-face
{
    font-family: Roboto-Medium;
    src: url(https://rolletto.win/assets/fonts/roboto/Medium/Roboto-Medium.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/Medium/Roboto-Medium.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/Medium/Roboto-Medium.ttf) format("truetype");
}
@font-face
{
    font-family: Roboto-Thin;
    src: url(https://rolletto.win/assets/fonts/roboto/Thin/Roboto-Thin.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/Thin/Roboto-Thin.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/Thin/Roboto-Thin.ttf) format("truetype");
}
@font-face
{
    font-family: Roboto-BoldItalic;
    src: url(https://rolletto.win/assets/fonts/roboto/BoldItalic/Roboto-BoldItalic.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/roboto/BoldItalic/Roboto-BoldItalic.woff) format("woff"),url(https://rolletto.win/assets/fonts/roboto/BoldItalic/Roboto-BoldItalic.ttf) format("truetype");
}
@font-face
{
    font-family: Montserrat-Regular;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Regular.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Regular.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Regular.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Montserrat-Bold;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Bold.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Bold.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Bold.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Montserrat-Black;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Black.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Black.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Black.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Montserrat-Light;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Light.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Light.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Light.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Montserrat-Medium;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Medium.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Medium.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Medium.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Montserrat-Thin;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Thin.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Thin.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-Thin.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Montserrat-SemiBold;
    src: url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-SemiBold.woff2?v2) format("woff2"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-SemiBold.woff?v2) format("woff"),url(https://rolletto.win/assets/fonts/Montserrat/Montserrat-SemiBold.ttf?v2) format("truetype");
}
@font-face
{
    font-family: Kanit-BoldItalic;
    src: url(https://rolletto.win/assets/fonts/Kanit/Kanit-BoldItalic.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/Kanit/Kanit-BoldItalic.woff) format("woff"),url(https://rolletto.win/assets/fonts/Kanit/Kanit-BoldItalic.ttf) format("truetype");
}
@font-face
{
    font-family: Kanit-SemiBold;
    src: url(https://rolletto.win/assets/fonts/Kanit/Kanit-SemiBold.woff2) format("woff2"),url(https://rolletto.win/assets/fonts/Kanit/Kanit-SemiBold.woff) format("woff"),url(https://rolletto.win/assets/fonts/Kanit/Kanit-SemiBold.ttf) format("truetype");
}
@font-face
{
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    src: url(https://rolletto.win/assets/fonts/MaterialIcons-Regular.woff) format("woff");
}
@font-face
{
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://rolletto.win/assets/fonts/MaterialIcons-Outlined.woff2) format("woff2");
}
@font-face
{
    font-family: SegoeUI_Bold;
    src: url(https://rolletto.win/assets/fonts/Segoe-UI-Bold.woff2) format("woff2");
}
@font-face
{
    font-family: Kanit-Bold;
    src: url(https://rolletto.win/assets/fonts/Kanit/Kanit-Bold.woff2) format("woff2");
}
@font-face
{
    font-family: Kanit-Medium;
    src: url(https://rolletto.win/assets/fonts/Kanit/Kanit-Medium.woff2) format("woff2");
}
.material-icons-outlined
{
    font-family: 'Material Icons Outlined';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
@font-face
{
    font-family: 'Luckiest Guy';
    src: url(https://rolletto.win/assets/fonts/LuckiestGuy-Regular.ttf) format("truetype");
}
@font-face
{
    font-family: Anton;
    src: url(https://rolletto.win/assets/fonts/Anton-Regular.ttf) format("truetype");
}
@font-face
{
    font-family: SegoeUI-Black;
    src: url(https://rolletto.win/assets/fonts/Segoe-UI-Black.ttf);
}
@font-face
{
    font-family: Gilroy-SemiBold;
    src: url(https://rolletto.win/assets/fonts/Gilroy/Gilroy-SemiBold.ttf);
}
@font-face
{
    font-family: Poppins-Regular;
    src: url(https://rolletto.win/assets/fonts/Poppins/Poppins-Regular.ttf);
}
@font-face
{
    font-family: Poppins;
    src: url(https://rolletto.win/assets/fonts/Poppins/Poppins-Regular.ttf);
}
*
{
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
html
{
    font-size: 15px;
    background-color: var(--pageBgColor);
}
html.dark-mode select
{
    background-image: url(../../bcgamebettingde/image/arrow_down.svg);
}
html.light-mode select
{
    background-image: url(../../bcgamebettingde/image/arrow_down1.svg);
}
body
{
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: MyriadPro-Regular;
}
body.bg-scroll-blocked
{
    height: 100vh;
    overflow: hidden;
}
ul
{
    list-style-type: none;
}
a
{
    text-decoration: none;
    color: inherit;
}
a img
{
    vertical-align: middle;
}
button, input, select, textarea
{
    border: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4.4rem!important;
    background-color: #eee;
    border: var(--componentsThinBorder);
    color: var(--textColor);
    font-family: Roboto-Regular;
}
button[disabled], input[disabled], select[disabled], textarea[disabled]
{
    border: 0;
}
input, select
{
    padding-left: 1rem;
    background-color: var(--headerIconsBgColor);
    border: var(--componentsThinBorder);
    border-radius: var(--componentsBorderRadius);
    width: 15rem;
}
select
{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center right 1rem;
}
select option
{
    background-color: var(--pageBgColor);
}
input::-webkit-input-placeholder
{
    color: var(--placeholderColor);
}
input::-moz-placeholder
{
    color: var(--placeholderColor);
}
input::-ms-input-placeholder
{
    color: var(--placeholderColor);
}
input::placeholder
{
    color: var(--placeholderColor);
}
select
{
    cursor: pointer;
}
textarea
{
    resize: none;
}
table th
{
    font-weight: 400;
}
h1, h2, h3, h4, h5
{
    font-weight: 400;
}
h1
{
    font-family: MyriadPro-Bold;
    font-size: 3rem;
}
h2
{
    font-family: MyriadPro-Bold;
    font-size: 2rem;
}
h3
{
    font-family: MyriadPro-Bold;
    font-size: 1.25rem;
}
h4
{
    font-weight: 400;
    font-size: 1rem;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.custom-select
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.custom-select select
{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
}
.custom-select .arrow
{
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
.custom-select .selected-value
{
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    color: var(--textColorOpacity);
    font-family: Poppins-Regular;
    font-weight: 400;
    font-size: 1.2rem;
    width: 100%;
    border-color: transparent;
    border-radius: 10px;
    color: var(--textColor);
    margin-bottom: .5rem;
}
.custom-select .selected-value input
{
    width: 100%;
    height: 100%;
    padding-left: 1rem;
    padding-right: 3rem;
    background-color: var(--inputBgColor);
    cursor: pointer;
}
.custom-select .selected-value input:focus
{
    border-color: transparent;
}
.custom-select .selected-value .arrow
{
    margin-left: auto;
}
.custom-select .selected-value.active
{
    border: var(--componentsFadedBorder);
}
.select
{
    position: fixed;
    top: 6rem;
    left: 0;
    z-index: 9;
    background-color: var(--inputBgColor);
    width: 100%;
    border-radius: var(--componentsBorderRadius);
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    overflow: hidden auto;
    pointer-events: none;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
    z-index: 999;
    max-height: 16.4rem;
}
.select .no-data
{
    height: 5rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.select .no-data:not(.visible)
{
    display: none;
}
.select::-webkit-scrollbar
{
    width: 3px;
}
.select::-webkit-scrollbar-track
{
    background: 0 0;
}
.select::-webkit-scrollbar-thumb
{
    background: var(--smallElementsBgColor);
    border-radius: var(--componentsBorderRadius);
}
.select::-webkit-scrollbar-thumb:hover
{
    background: #f1f1f1;
}
.select.visible
{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    pointer-events: all;
}
.select.hide
{
    opacity: 0!important;
}
.select .option
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--headerIconsBgColor);
    margin-bottom: .5rem;
    border-radius: var(--componentsBorderRadius);
    border: .5px solid transparent;
    color: var(--textColor);
    cursor: pointer;
}
.select .option:hover
{
    border: var(--componentsThinBorder);
}
.company-filters ul li[company="1"] .icon
{
    background-position-x: -2183px;
}
.company-filters ul li[company="3"] .icon
{
    background-position-x: -3704.8px;
}
.company-filters ul li[company="5"] .icon
{
    background-position-x: -1960.2449px;
}
.company-filters ul li[company="9"] .icon
{
    background-position-x: -3071.2449px;
}
.company-filters ul li[company="10"] .icon
{
    background-position-x: -2821.2449px;
}
.company-filters ul li[company="12"] .icon
{
    background-position-x: -1692.93878px;
}
.company-filters ul li[company="13"] .icon, .company-filters ul li[company="203"] .icon
{
    background-position-x: -1603.83673px;
}
.company-filters ul li[company="14"] .icon
{
    background-position-x: -445.5102px;
}
.company-filters ul li[company="15"] .icon
{
    background-position-x: -311.85714px;
}
.company-filters ul li[company="16"] .icon
{
    background-position-x: -6368px;
}
.company-filters ul li[company="17"] .icon
{
    background-position-x: -3379.85714px;
}
.company-filters ul li[company="18"] .icon
{
    background-position-x: -1915.69388px;
}
.company-filters ul li[company="19"] .icon
{
    background-position-x: -222.7551px;
}
.company-filters ul li[company="20"] .icon
{
    background-position-x: -2093.89796px;
}
.company-filters ul li[company="21"] .icon
{
    background-position-x: -668.26531px;
}
.company-filters ul li[company="26"] .icon
{
    background-position-x: -267.30612px;
}
.company-filters ul li[company="30"] .icon
{
    background-position-x: -44.55102px;
}
.company-filters ul li[company="31"] .icon
{
    background-position-x: 0;
}
.company-filters ul li[company="32"] .icon
{
    background-position-x: -534.61224px;
}
.company-filters ul li[company="34"] .icon
{
    background-position-x: -891.02041px;
}
.company-filters ul li[company="36"] .icon
{
    background-position-x: -623.71429px;
}
.company-filters ul li[company="38"] .icon
{
    background-position-x: -1648.38776px;
}
.company-filters ul li[company="40"] .icon
{
    background-position-x: -1069.22449px;
}
.company-filters ul li[company="41"] .icon
{
    background-position-x: -1871.14286px;
}
.company-filters ul li[company="42"] .icon
{
    background-position-x: -1425.63265px;
}
.company-filters ul li[company="48"] .icon
{
    background-position-x: -757.36735px;
}
.company-filters ul li[company="50"] .icon
{
    background-position-x: -1826.59184px;
}
.company-filters ul li[company="51"] .icon
{
    background-position-x: -400.95918px;
}
.company-filters ul li[company="52"] .icon
{
    background-position-x: -178.20408px;
}
.company-filters ul li[company="53"] .icon
{
    background-position-x: -1381.08163px;
}
.company-filters ul li[company="54"] .icon
{
    background-position-x: -1782.04082px;
}
.company-filters ul li[company="56"] .icon
{
    background-position-x: -846.46939px;
}
.company-filters ul li[company="57"] .icon
{
    background-position-x: -2331.65306px;
}
.company-filters ul li[company="58"] .icon
{
    background-position-x: -1559.28571px;
}
.company-filters ul li[company="60"] .icon
{
    background-position-x: -801.91837px;
}
.company-filters ul li[company="61"] .icon
{
    background-position-x: -2004.79592px;
}
.company-filters ul li[company="62"] .icon
{
    background-position-x: -1113.77551px;
}
.company-filters ul li[company="63"] .icon
{
    background-position-x: -6278px;
}
.company-filters ul li[company="64"] .icon
{
    background-position-x: -5425px;
}
.company-filters ul li[company="65"] .icon
{
    background-position-x: -133.65306px;
}
.company-filters ul li[company="66"] .icon
{
    background-position-x: -579.16327px;
}
.company-filters ul li[company="67"] .icon
{
    background-position-x: -1737.4898px;
}
.company-filters ul li[company="68"] .icon
{
    background-position-x: -2138.44898px;
}
.company-filters ul li[company="71"] .icon
{
    background-position-x: -1158.32653px;
}
.company-filters ul li[company="72"] .icon
{
    background-position-x: -2272.10204px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
}
.company-filters ul li[company="73"] .icon
{
    background-position-x: -1470.18367px;
}
.company-filters ul li[company="74"] .icon
{
    background-position-x: -3801.8px;
}
.company-filters ul li[company="84"] .icon
{
    background-position-x: -488px;
}
.company-filters ul li[company="85"] .icon
{
    background-position-x: -2775.2449px;
}
.company-filters ul li[company="86"] .icon
{
    background-position-x: -3544.2449px;
}
.company-filters ul li[company="87"] .icon
{
    background-position-x: -7611.2449px;
}
.company-filters ul li[company="89"] .icon
{
    background-position-x: -2923.2449px;
}
.company-filters ul li[company="90"] .icon
{
    background-position-x: -3123.4449px;
}
.company-filters ul li[company="91"] .icon
{
    background-position-x: -3219.45714px;
}
.company-filters ul li[company="93"] .icon
{
    background-position-x: -3021.2449px;
}
.company-filters ul li[company="94"] .icon
{
    background-position-x: -2871.2449px;
}
.company-filters ul li[company="95"] .icon
{
    background-position-x: -3168.35714px;
}
.company-filters ul li[company="96"] .icon
{
    background-position-x: -3275.35714px;
}
.company-filters ul li[company="97"] .icon
{
    background-position-x: -3328.35714px;
}
.company-filters ul li[company="98"] .icon
{
    background-position-x: -3436.35714px;
}
.company-filters ul li[company="99"] .icon
{
    background-position-x: -2973.2449px;
}
.company-filters ul li[company="100"] .icon
{
    background-position-x: -3603.2449px;
}
.company-filters ul li[company="101"] .icon
{
    background-position-x: -3499.2449px;
}
.company-filters ul li[company="102"] .icon
{
    background-position-x: -2427px;
}
.company-filters ul li[company="104"] .icon
{
    background-position-x: -4300px;
}
.company-filters ul li[company="105"] .icon
{
    background-position-x: -6182px;
}
.company-filters ul li[company="106"] .icon
{
    background-position-x: -4802px;
}
.company-filters ul li[company="108"] .icon
{
    background-position-x: -5730px;
}
.company-filters ul li[company="109"] .icon
{
    background-position-x: -6321px;
}
.company-filters ul li[company="110"] .icon
{
    background-position-x: -4915px;
}
.company-filters ul li[company="111"] .icon
{
    background-position-x: -2376px;
}
.company-filters ul li[company="112"] .icon
{
    background-position-x: -5097px;
}
.company-filters ul li[company="113"] .icon
{
    background-position-x: -4150px;
}
.company-filters ul li[company="114"] .icon
{
    background-position-x: -2469px;
}
.company-filters ul li[company="115"] .icon
{
    background-position-x: -4055px;
}
.company-filters ul li[company="118"] .icon
{
    background-position-x: -2578px;
}
.company-filters ul li[company="119"] .icon
{
    background-position-x: -5935px;
}
.company-filters ul li[company="120"] .icon
{
    background-position-x: -3753.8px;
}
.company-filters ul li[company="121"] .icon
{
    background-position-x: -2521px;
}
.company-filters ul li[company="123"] .icon
{
    background-position-x: -2627px;
}
.company-filters ul li[company="125"] .icon
{
    background-position-x: -2679px;
}
.company-filters ul li[company="126"] .icon
{
    background-position-x: -6225px;
}
.company-filters ul li[company="128"] .icon
{
    background-position-x: -4105px;
}
.company-filters ul li[company="129"] .icon
{
    background-position-x: -4346px;
}
.company-filters ul li[company="130"] .icon
{
    background-position-x: -4200px;
}
.company-filters ul li[company="131"] .icon
{
    background-position-x: -2731px;
}
.company-filters ul li[company="132"] .icon
{
    background-position-x: -3651.8px;
}
.company-filters ul li[company="133"] .icon
{
    background-position-x: -4443px;
}
.company-filters ul li[company="134"] .icon
{
    background-position-x: -3950px;
}
.company-filters ul li[company="135"] .icon
{
    background-position-x: -4395px;
}
.company-filters ul li[company="136"] .icon
{
    background-position-x: -3852px;
}
.company-filters ul li[company="137"] .icon
{
    background-position-x: -3901px;
}
.company-filters ul li[company="138"] .icon
{
    background-position-x: -4254px;
}
.company-filters ul li[company="139"] .icon
{
    background-position-x: -4000px;
}
.company-filters ul li[company="140"] .icon
{
    background-position-x: -5983px;
}
.company-filters ul li[company="141"] .icon
{
    background-position-x: 30px;
}
.company-filters ul li[company="142"] .icon
{
    background-position-x: -6035px;
}
.company-filters ul li[company="143"] .icon
{
    background-position-x: -5272px;
}
.company-filters ul li[company="144"] .icon
{
    background-position-x: -5327px;
}
.company-filters ul li[company="145"] .icon
{
    background-position-x: -4749px;
}
.company-filters ul li[company="146"] .icon
{
    background-position-x: -4696px;
}
.company-filters ul li[company="149"] .icon
{
    background-position-x: -4856px;
}
.company-filters ul li[company="150"] .icon
{
    background-position-x: -6084px;
}
.company-filters ul li[company="151"] .icon
{
    background-position-x: -5037px;
}
.company-filters ul li[company="152"] .icon
{
    background-position-x: -5159px;
}
.company-filters ul li[company="153"] .icon
{
    background-position-x: -5213px;
}
.company-filters ul li[company="154"] .icon
{
    background-position-x: -5380px;
}
.company-filters ul li[company="155"] .icon
{
    background-position-x: -5480px;
}
.company-filters ul li[company="156"] .icon
{
    background-position-x: -5534px;
}
.company-filters ul li[company="157"] .icon
{
    background-position-x: -5581px;
}
.company-filters ul li[company="158"] .icon
{
    background-position-x: -5632px;
}
.company-filters ul li[company="159"] .icon
{
    background-position-x: -6139px;
}
.company-filters ul li[company="160"] .icon
{
    background-position-x: -5834px;
}
.company-filters ul li[company="161"] .icon
{
    background-position-x: -5884px;
}
.company-filters ul li[company="168"] .icon
{
    background-position-x: -7008px;
}
.company-filters ul li[company="181"] .icon
{
    background-position-x: -8177px;
}
.company-filters ul li[company="182"] .icon
{
    background-position-x: -7828px;
}
.company-filters ul li[company="183"] .icon
{
    background-position-x: -7721px;
}
.company-filters ul li[company="184"] .icon
{
    background-position-x: -7880px;
}
.company-filters ul li[company="185"] .icon
{
    background-position-x: -7662px;
}
.company-filters ul li[company='187'] .icon
{
    background-position-x: -7933px;
}
.company-filters ul li[company='188'] .icon
{
    background-position-x: -7994px;
}
.company-filters ul li[company='191'] .icon
{
    background-position-x: -8094px;
}
.company-filters ul li[company='192'] .icon
{
    background-position-x: -8268px;
}
.company-filters ul li[company='193'] .icon
{
    background-position-x: -8222px;
}
.company-filters ul li[company='196'] .icon
{
    background-position-x: -8373px;
}
.company-filters ul li[company='197'] .icon
{
    background-position-x: -8433px;
    -webkit-transform: scale(.55);
    transform: scale(.55);
    height: 39px;
    top: -11px;
}
.company-filters ul li[company='200'] .icon
{
    background-position-x: -8488px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    height: 2.5857rem;
    top: -6px;
}
.company-filters ul li[company='195'] .icon
{
    background-position-x: -8554px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
html
{
    background-color: var(--pageBgColor);
}
html.dark-mode .datepicker .calendar
{
    background-image: url(../../bcgamebettingde/image/calendar.svg);
}
html.dark-mode .swiper-container .arrow.prev
{
    background-image: url(../../bcgamebettingde/image/arrow-left-active1.svg);
}
html.dark-mode .swiper-container .arrow.prev.swiper-button-disabled
{
    background-image: url(../../bcgamebettingde/image/arrow-left2.svg);
}
html.dark-mode .swiper-container .arrow.next
{
    background-image: url(../../bcgamebettingde/image/arrow-right-active1.svg);
}
html.dark-mode .swiper-container .arrow.next.swiper-button-disabled
{
    background-image: url(../../bcgamebettingde/image/arrow-right2.svg);
}
html.light-mode .datepicker .calendar
{
    background-image: url(../../bcgamebettingde/image/calendar1.svg);
}
html.light-mode .swiper-container .arrow.prev
{
    background-image: url(../../bcgamebettingde/image/arrow-left-active.svg);
}
html.light-mode .swiper-container .arrow.prev.swiper-button-disabled
{
    background-image: url(../../bcgamebettingde/image/arrow-left1.svg);
}
html.light-mode .swiper-container .arrow.next
{
    background-image: url(../../bcgamebettingde/image/arrow-right-active.svg);
}
html.light-mode .swiper-container .arrow.next.swiper-button-disabled
{
    background-image: url(../../bcgamebettingde/image/arrow-right1.svg);
}
.swiper-container .arrow
{
    width: 5rem;
    height: 5rem;
    z-index: 5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--mainSwiperArrowActive);
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 2.5rem 2.5rem;
}
.swiper-container .arrow.swiper-button-disabled
{
    border: 1px solid var(--mainSwiperDisabledArrow);
}
.swiper-container .arrow.prev
{
    left: 2rem;
}
.swiper-container .arrow.next
{
    right: 2rem;
}
.material-icons
{
    font-family: "Material Icons";
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}
.loader-wrapper
{
    background-color: var(--noDataBgColor);
}
.loader-wrapper .loader
{
    position: relative;
    color: var(--noDataTextColor);
    text-indent: -9999em;
    margin: 0 auto;
    -webkit-transform: translateY(.3125rem);
    transform: translateY(.3125rem);
}
.loader-wrapper .loader, .loader-wrapper .loader:after, .loader-wrapper .loader:before
{
    background: var(--noDataTextColor);
    -webkit-animation: loaderAnim 1s infinite ease-in-out;
    animation: loaderAnim 1s infinite ease-in-out;
    width: .375rem;
    height: 1.5rem;
}
.loader-wrapper .loader
{
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
.loader-wrapper .loader:after, .loader-wrapper .loader:before
{
    position: absolute;
    top: 0;
    content: "";
}
.loader-wrapper .loader:before
{
    left: -.625rem;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
.loader-wrapper .loader:after
{
    left: .625rem;
}
@-webkit-keyframes loaderAnim
{
    0%, 100%, 80%
    {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 1.5rem;
    }
    40%
    {
        -webkit-box-shadow: 0 -.625rem;
        box-shadow: 0 -.625rem;
        height: 1.875rem;
    }
}
@keyframes loaderAnim
{
    0%, 100%, 80%
    {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 1.5rem;
    }
    40%
    {
        -webkit-box-shadow: 0 -.625rem;
        box-shadow: 0 -.625rem;
        height: 1.875rem;
    }
}
.slider-wrapper
{
    position: relative;
    height: 36.25rem;
}
.slider-wrapper .slider .g-slide
{
    background-size: cover;
    background-position: top center;
}
.slider-wrapper .slider .g-slide a
{
    vertical-align: middle;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slider-wrapper .slider .g-slide .btn
{
    position: absolute;
    left: 13rem;
    font-size: 1.9rem;
    bottom: 9rem;
    width: 17rem;
    height: 5rem;
    z-index: 99;
}
.slider-wrapper .slider .g-slide .bnr-lnk
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.slider-wrapper .slider .play-wrapper
{
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none!important;
}
.slider-wrapper .slider .play-wrapper .play
{
    margin-left: -2.4vw;
    margin-top: -2vw;
}
.slider-wrapper .slider-bullets
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.8rem;
    line-height: 2rem;
    text-align: center;
}
.slider-wrapper .slider-bullets ul li
{
    display: inline-block;
    width: 2.7rem;
    height: .6rem;
    background-color: rgba(0,0,0,.34);
    margin: 0 .1875rem;
    vertical-align: middle;
    padding: .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 3px;
}
.slider-wrapper .slider-bullets ul li.active
{
    background: var(--brandColor);
}
body.home .middle
{
    width: 131rem;
    margin: auto;
}
body:not(.home) .middle
{
    position: relative;
    width: 1314px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body:not(.home) footer .icons::before
{
    height: 3.9rem;
}
body div.play
{
    height: 5.125rem;
    width: 5.125rem;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-animation: scale 1s infinite alternate;
    animation: scale 1s infinite alternate;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes scale
{
    from
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to
    {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes scale
{
    from
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to
    {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
body div.play::after, body div.play::before
{
    content: "";
    position: absolute;
    height: 5.125rem;
    width: 5.125rem;
    background: #fff;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
}
body div.play::before
{
    -webkit-animation: explode 1s infinite;
    animation: explode 1s infinite;
}
body div.play::after
{
    -webkit-animation: explodeSmall 2s infinite;
    animation: explodeSmall 2s infinite;
}
@-webkit-keyframes explode
{
    from
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}
@keyframes explode
{
    from
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}
@-webkit-keyframes explodeSmall
{
    from
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}
@keyframes explodeSmall
{
    from
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}
body div.play .triangle
{
    position: relative;
    width: 0;
    border-bottom: solid 3.125rem var(--brandColor);
    border-right: solid 1.875rem transparent;
    border-left: solid 1.875rem transparent;
    -webkit-transform: rotate(-30deg) scale(.5);
    transform: rotate(-30deg) scale(.5);
    z-index: 9;
    top: -.0625rem;
    left: -.0625rem;
}
body div.play .triangle .triangle-helper
{
    position: absolute;
    top: .5625rem;
    left: -1.3125rem;
    width: 0;
    border-bottom: solid 2.25rem #fff;
    border-right: solid 1.3125rem transparent;
    border-left: solid 1.3125rem transparent;
}
.bnr-lnk
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.btn
{
    height: 4rem;
    min-width: 12rem;
    background: var(--btnBgColor);
    color: var(--btnTextColor);
    font-family: Roboto-Black;
    font-size: 1.4rem;
    padding: 0 .4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.btn:hover
{
    opacity: .8;
}
.btn.disabled, .btn[disabled]
{
    opacity: .3;
    pointer-events: none;
}
.overlay
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(35,38,43,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    display: none;
}
.overlay.visible
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.overlay .popup
{
    position: relative;
    width: 31.25rem;
    background-color: var(--pageBgColor);
    max-height: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: .5s cubic-bezier(0,1.13,.7,1.32) popupAnimation;
    animation: .5s cubic-bezier(0,1.13,.7,1.32) popupAnimation;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes popupAnimation
{
    from
    {
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem);
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes popupAnimation
{
    from
    {
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem);
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.overlay .popup .close
{
    position: absolute;
    right: .625rem;
    top: .9375rem;
    color: var(--textColor);
    font-size: 1.25rem;
    cursor: pointer;
    opacity: .8;
}
.overlay .popup .close:hover
{
    opacity: 1;
}
.dotted-hidden
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no-data
{
    width: 100%;
    background-color: var(--noDataBgColor);
    color: var(--noDataTextColor);
    height: 17.5rem;
    text-align: center;
    overflow: hidden;
    border-radius: var(--componentsBorderRadius);
}
.no-data .icon
{
    margin-top: 5.625rem;
    font-size: 2.625rem;
}
.no-data .text
{
    font-size: 1.5rem;
    margin-top: 1.875rem;
}
.err-text, .success-text
{
    font-size: 1.2rem;
}
.err-text span, .success-text span
{
    vertical-align: middle;
}
.err-text span.material-icons, .success-text span.material-icons
{
    font-size: 1.5625rem;
    margin-left: .3125rem;
}
.success-text
{
    color: #00bd5d;
}
.err-text
{
    color: #ff3030;
}
.captcha-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.captcha-wrapper div.captcha-img
{
    height: 2.5rem;
    float: left;
    width: 5rem;
    margin-left: .625rem;
    background-color: #000;
    background-size: 80% auto;
    background-position: center top .25rem;
    background-repeat: no-repeat;
}
.captcha-wrapper div.material-icons
{
    color: #000;
    float: left;
    width: 1.875rem;
    font-size: 1.375rem;
    text-align: right;
    color: #000;
    cursor: pointer;
}
.datepicker .calendar
{
    position: absolute;
    width: 2.4rem;
    height: 100%;
    right: 1rem;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.datepicker-dropdown
{
    -webkit-box-shadow: 0 .1875rem .875rem rgba(27,27,27,.33);
    box-shadow: 0 .1875rem .875rem rgba(27,27,27,.33);
}
.scroll-to-top
{
    position: fixed;
    right: .875rem;
    bottom: 6.25rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #ededed;
    text-align: center;
    color: #333;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: .3125rem;
    -webkit-transition: -webkit-filter 120ms ease-in;
    transition: -webkit-filter 120ms ease-in;
    transition: filter 120ms ease-in;
    transition: filter 120ms ease-in,-webkit-filter 120ms ease-in;
    cursor: pointer;
}
iframe.sportsbook
{
    width: 100%;
    height: calc(100% - 10rem);
}
.comming-soon
{
    padding: 15.625rem 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 2rem;
}
.comming-soon p:first-child
{
    padding-bottom: 2rem;
    font-size: 3rem;
}
.flag
{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url(../../bcgamebettingde/image/flags2.png);
    background-repeat: no-repeat;
    background-position: 100px 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.flag[country^=home]
{
    background-image: none;
}
.flag[country^=worldcup]
{
    background-position: -287px -384px;
}
.flag[country^=international]
{
    background-position: -239px -384px;
}
.flag[country^=uefachampionsleague]
{
    background-position: -47px -72px;
}
.flag[country^=uefaeuropaleague]
{
    background-position: -336px -96px;
}
.flag[country^=copaamericacnt]
{
    background-position: -264px -72px;
    width: 24px;
    height: 24px;
    margin-left: 10px;
}
.flag[country^=wta]
{
    background-position: -1px -405px;
}
.flag[country^=atp]
{
    background-position: -25px -405px;
}
.flag[country^=itf]
{
    background-position: -50px -405px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
.flag[country^=challenger]
{
    background-position: -74px -405px;
}
.flag[country^=asean]
{
    background-position: 0 0;
}
.flag[country^=afghanistan]
{
    background-position: -24px 0;
}
.flag[country^=africa]
{
    background-position: -48px 0;
}
.flag[country^=african-union-oas]
{
    background-position: -72px 0;
}
.flag[country^=albania]
{
    background-position: -96px 0;
}
.flag[country^=algeria]
{
    background-position: -120px 0;
}
.flag[country^=america]
{
    background-position: -144px 0;
}
.flag[country^=american-samoa]
{
    background-position: -168px 0;
}
.flag[country^=andorra]
{
    background-position: -192px 0;
}
.flag[country^=angola]
{
    background-position: -216px 0;
}
.flag[country^=anguilla]
{
    background-position: -240px 0;
}
.flag[country^=antarctica]
{
    background-position: -264px 0;
}
.flag[country^=antiguaandbarbuda]
{
    background-position: -288px 0;
}
.flag[country^=arab-league]
{
    background-position: -312px 0;
}
.flag[country^=argentina]
{
    background-position: -336px 0;
}
.flag[country^=armenia]
{
    background-position: -360px 0;
}
.flag[country^=aruba]
{
    background-position: 0 -24px;
}
.flag[country^=asia]
{
    background-position: -24px -24px;
}
.flag[country^=australia]
{
    background-position: -48px -24px;
}
.flag[country^=austria]
{
    background-position: -72px -24px;
}
.flag[country^=azerbaijan]
{
    background-position: -96px -24px;
}
.flag[country^=bahamas]
{
    background-position: -120px -24px;
}
.flag[country^=bahrain]
{
    background-position: -144px -24px;
}
.flag[country^=bangladesh]
{
    background-position: -168px -24px;
}
.flag[country^=barbados]
{
    background-position: -192px -24px;
}
.flag[country^=belarus]
{
    background-position: -216px -24px;
}
.flag[country^=belgium]
{
    background-position: -240px -24px;
}
.flag[country^=belize]
{
    background-position: -264px -24px;
}
.flag[country^=benin]
{
    background-position: -288px -24px;
}
.flag[country^=bermuda]
{
    background-position: -312px -24px;
}
.flag[country^=bhutan]
{
    background-position: -336px -24px;
}
.flag[country^=bolivia]
{
    background-position: -360px -24px;
}
.flag[country^="bosnia&herzegovina"]
{
    background-position: 0 -48px;
}
.flag[country^=bosniaandherzegovina]
{
    background-position: -24px -48px;
}
.flag[country^=botswana]
{
    background-position: -48px -48px;
}
.flag[country^=brazil]
{
    background-position: -72px -48px;
}
.flag[country^=brunei]
{
    background-position: -96px -48px;
}
.flag[country^=bulgaria]
{
    background-position: -120px -48px;
}
.flag[country^=burkina-faso]
{
    background-position: -144px -48px;
}
.flag[country^=burundi]
{
    background-position: -168px -48px;
}
.flag[country^=caricom]
{
    background-position: -192px -48px;
}
.flag[country^=cis]
{
    background-position: -216px -48px;
}
.flag[country^=cambodia]
{
    background-position: -240px -48px;
}
.flag[country^=cambodja]
{
    background-position: -264px -48px;
}
.flag[country^=cameroon]
{
    background-position: -288px -48px;
}
.flag[country^=canada]
{
    background-position: -312px -48px;
}
.flag[country^=cape-verde]
{
    background-position: -336px -48px;
}
.flag[country^=cayman-islands]
{
    background-position: -360px -48px;
}
.flag[country^=central-african-republic]
{
    background-position: 0 -72px;
}
.flag[country^=chad]
{
    background-position: -24px -72px;
}
.flag[country^=championsleague]
{
    background-position: -48px -72px;
}
.flag[country^=chile]
{
    background-position: -72px -72px;
}
.flag[country^=china]
{
    background-position: -96px -72px;
}
.flag[country^=colombia]
{
    background-position: -120px -72px;
}
.flag[country^=commonwealth]
{
    background-position: -144px -72px;
}
.flag[country^=comoros]
{
    background-position: -168px -72px;
}
.flag[country^=congo-brazzaville]
{
    background-position: -192px -72px;
}
.flag[country^=congo-kinshasa]
{
    background-position: -216px -72px;
}
.flag[country^=cook-islands]
{
    background-position: -240px -72px;
}
.flag[country^=copaamerica]
{
    background-position: -264px -72px;
}
.flag[country^=costarica]
{
    background-position: -288px -72px;
}
.flag[country^=cote-divoire]
{
    background-position: -312px -72px;
}
.flag[country^=croatia]
{
    background-position: -336px -72px;
}
.flag[country^=cuba]
{
    background-position: -360px -72px;
}
.flag[country^=cyprus]
{
    background-position: 0 -96px;
}
.flag[country^=czechrepublic]
{
    background-position: -24px -96px;
}
.flag[country^=denmark]
{
    background-position: -48px -96px;
}
.flag[country^=djibouti]
{
    background-position: -72px -96px;
}
.flag[country^=dominica]
{
    background-position: -96px -96px;
}
.flag[country^=dominicanrepublic]
{
    background-position: -120px -96px;
}
.flag[country^=ecuador]
{
    background-position: -144px -96px;
}
.flag[country^=egypt]
{
    background-position: -168px -96px;
}
.flag[country^=elsalvador]
{
    background-position: -192px -96px;
}
.flag[country^=england]
{
    background-position: -216px -96px;
}
.flag[country^=equatorial-guinea]
{
    background-position: -240px -96px;
}
.flag[country^=eritrea]
{
    background-position: -264px -96px;
}
.flag[country^=estonia]
{
    background-position: -288px -96px;
}
.flag[country^=ethiopia]
{
    background-position: -312px -96px;
}
.flag[country^=europaleague]
{
    background-position: -336px -96px;
}
.flag[country^=europe]
{
    background-position: -360px -96px;
}
.flag[country^=faroeislands]
{
    background-position: -24px -120px;
}
.flag[country^=fiji]
{
    background-position: -48px -120px;
}
.flag[country^=finland]
{
    background-position: -72px -120px;
}
.flag[country^=france]
{
    background-position: -96px -120px;
}
.flag[country^=gabon]
{
    background-position: -120px -120px;
}
.flag[country^=gambia]
{
    background-position: -144px -120px;
}
.flag[country^=georgia]
{
    background-position: -168px -120px;
}
.flag[country^=germany]
{
    background-position: -192px -120px;
}
.flag[country^=ghana]
{
    background-position: -216px -120px;
}
.flag[country^=gibraltar]
{
    background-position: -240px -120px;
}
.flag[country^=greatbritain]
{
    background-position: -264px -120px;
}
.flag[country^=greece]
{
    background-position: -288px -120px;
}
.flag[country^=greenland]
{
    background-position: -312px -120px;
}
.flag[country^=grenada]
{
    background-position: -336px -120px;
}
.flag[country^=guadeloupe]
{
    background-position: -360px -120px;
}
.flag[country^=guam]
{
    background-position: 0 -144px;
}
.flag[country^=guatemala]
{
    background-position: -24px -144px;
}
.flag[country^=guernsey]
{
    background-position: -48px -144px;
}
.flag[country^=guinea-bissau]
{
    background-position: -72px -144px;
}
.flag[country^=guinea]
{
    background-position: -96px -144px;
}
.flag[country^=guyana]
{
    background-position: -120px -144px;
}
.flag[country^=haiti]
{
    background-position: -144px -144px;
}
.flag[country^=honduras]
{
    background-position: -168px -144px;
}
.flag[country^=hongkong]
{
    background-position: -192px -144px;
}
.flag[country^=hungary]
{
    background-position: -216px -144px;
}
.flag[country^=iceland]
{
    background-position: -240px -144px;
}
.flag[country^=india]
{
    background-position: -264px -144px;
}
.flag[country^=indonesia]
{
    background-position: -288px -144px;
}
.flag[country^=iran]
{
    background-position: -336px -144px;
}
.flag[country^=iraq]
{
    background-position: -360px -144px;
}
.flag[country^=ireland]
{
    background-position: 0 -168px;
}
.flag[country^=islamic-conference]
{
    background-position: -24px -168px;
}
.flag[country^=isle-of-man]
{
    background-position: -48px -168px;
}
.flag[country^=israel]
{
    background-position: -72px -168px;
}
.flag[country^=italy]
{
    background-position: -96px -168px;
}
.flag[country^=jamaica]
{
    background-position: -120px -168px;
}
.flag[country^=jersey]
{
    background-position: -144px -168px;
}
.flag[country^=jordan]
{
    background-position: -168px -168px;
}
.flag[country^=kazakhstan]
{
    background-position: -192px -168px;
}
.flag[country^=kenya]
{
    background-position: -216px -168px;
}
.flag[country^=kiribati]
{
    background-position: -240px -168px;
}
.flag[country^=korea-south]
{
    background-position: -264px -168px;
}
.flag[country^=koreasouth]
{
    background-position: -288px -168px;
}
.flag[country^=kosovo]
{
    background-position: -312px -168px;
}
.flag[country^=kuwait]
{
    background-position: -336px -168px;
}
.flag[country^=kyrgyzstan]
{
    background-position: -360px -168px;
}
.flag[country^=laos]
{
    background-position: 0 -192px;
}
.flag[country^=latvia]
{
    background-position: -24px -192px;
}
.flag[country^=lebanon]
{
    background-position: -48px -192px;
}
.flag[country^=lesotho]
{
    background-position: -72px -192px;
}
.flag[country^=liberia]
{
    background-position: -96px -192px;
}
.flag[country^=libya]
{
    background-position: -120px -192px;
}
.flag[country^=liechtenstein]
{
    background-position: -144px -192px;
}
.flag[country^=lithuania]
{
    background-position: -168px -192px;
}
.flag[country^=luxembourg]
{
    background-position: -192px -192px;
}
.flag[country^=macao]
{
    background-position: -216px -192px;
}
.flag[country^=macedonia]
{
    background-position: -240px -192px;
}
.flag[country^=madagascar]
{
    background-position: -264px -192px;
}
.flag[country^=malawi]
{
    background-position: -288px -192px;
}
.flag[country^=malaysia]
{
    background-position: -312px -192px;
}
.flag[country^=maldives]
{
    background-position: -336px -192px;
}
.flag[country^=mali]
{
    background-position: -360px -192px;
}
.flag[country^=malta]
{
    background-position: 0 -216px;
}
.flag[country^=marshall-islands]
{
    background-position: -24px -216px;
}
.flag[country^=martinique]
{
    background-position: -48px -216px;
}
.flag[country^=mauritania]
{
    background-position: -72px -216px;
}
.flag[country^=mauritius]
{
    background-position: -96px -216px;
}
.flag[country^=mexico]
{
    background-position: -120px -216px;
}
.flag[country^=micronesia]
{
    background-position: -144px -216px;
}
.flag[country^=moldova]
{
    background-position: -168px -216px;
}
.flag[country^=monaco]
{
    background-position: -192px -216px;
}
.flag[country^=mongolia]
{
    background-position: -216px -216px;
}
.flag[country^=montenegro]
{
    background-position: -240px -216px;
}
.flag[country^=montserrat]
{
    background-position: -264px -216px;
}
.flag[country^=morocco]
{
    background-position: -288px -216px;
}
.flag[country^=mozambique]
{
    background-position: -312px -216px;
}
.flag[country^=myanmar]
{
    background-position: -336px -216px;
}
.flag[country^=nato]
{
    background-position: -360px -216px;
}
.flag[country^=namibia]
{
    background-position: 0 -240px;
}
.flag[country^=nauru]
{
    background-position: -24px -240px;
}
.flag[country^=nepal]
{
    background-position: -48px -240px;
}
.flag[country^=netherlands-antilles]
{
    background-position: -72px -240px;
}
.flag[country^=holland], .flag[country^=netherlands]
{
    background-position: -96px -240px;
}
.flag[country^=newcaledonia]
{
    background-position: -120px -240px;
}
.flag[country^=newzealand]
{
    background-position: -144px -240px;
}
.flag[country^=nicaragua]
{
    background-position: -168px -240px;
}
.flag[country^=niger]
{
    background-position: -192px -240px;
}
.flag[country^=nigeria]
{
    background-position: -216px -240px;
}
.flag[country^=north-korea]
{
    background-position: -240px -240px;
}
.flag[country^=northamerica]
{
    background-position: -264px -240px;
}
.flag[country^=northern-cyprus]
{
    background-position: -288px -240px;
}
.flag[country^=northernireland]
{
    background-position: -312px -240px;
}
.flag[country^=norway]
{
    background-position: -336px -240px;
}
.flag[country^=opec]
{
    background-position: -360px -240px;
}
.flag[country^=olimpic-movement]
{
    background-position: 0 -264px;
}
.flag[country^=olympicgames]
{
    background-position: -24px -264px;
}
.flag[country^=oman]
{
    background-position: -48px -264px;
}
.flag[country^=pakistan]
{
    background-position: -72px -264px;
}
.flag[country^=palau]
{
    background-position: -96px -264px;
}
.flag[country^=palestine]
{
    background-position: -120px -264px;
}
.flag[country^=panama]
{
    background-position: -144px -264px;
}
.flag[country^=papua-new-guinea]
{
    background-position: -168px -264px;
}
.flag[country^=paraguay]
{
    background-position: -192px -264px;
}
.flag[country^=peru]
{
    background-position: -216px -264px;
}
.flag[country^=philippines]
{
    background-position: -240px -264px;
}
.flag[country^=poland]
{
    background-position: -264px -264px;
}
.flag[country^=portugal]
{
    background-position: -288px -264px;
}
.flag[country^=puertorico]
{
    background-position: -312px -264px;
}
.flag[country^=qatar]
{
    background-position: -336px -264px;
}
.flag[country^=red-cross]
{
    background-position: -360px -264px;
}
.flag[country^=republicofireland]
{
    background-position: 0 -288px;
}
.flag[country^=reunion]
{
    background-position: -24px -288px;
}
.flag[country^=romania]
{
    background-position: -48px -288px;
}
.flag[country^=russia]
{
    background-position: -72px -288px;
}
.flag[country^=rwanda]
{
    background-position: -96px -288px;
}
.flag[country^=saint-lucia]
{
    background-position: -120px -288px;
}
.flag[country^=samoa]
{
    background-position: -144px -288px;
}
.flag[country^=sanmarino]
{
    background-position: -168px -288px;
}
.flag[country^=sao-tome-principe]
{
    background-position: -192px -288px;
}
.flag[country^=saudiarabia]
{
    background-position: -216px -288px;
}
.flag[country^=scotland]
{
    background-position: -240px -288px;
}
.flag[country^=senegal]
{
    background-position: -264px -288px;
}
.flag[country^=serbia]
{
    background-position: -288px -288px;
}
.flag[country^=seyshelles]
{
    background-position: -312px -288px;
}
.flag[country^=sierra-leone]
{
    background-position: -336px -288px;
}
.flag[country^=singapore]
{
    background-position: -360px -288px;
}
.flag[country^=slovakia]
{
    background-position: 0 -312px;
}
.flag[country^=slovenia]
{
    background-position: -24px -312px;
}
.flag[country^=solomon-islands]
{
    background-position: -48px -312px;
}
.flag[country^=somalia]
{
    background-position: -72px -312px;
}
.flag[country^=somaliland]
{
    background-position: -96px -312px;
}
.flag[country^=southafrica]
{
    background-position: -120px -312px;
}
.flag[country^=southkorea-copy]
{
    background-position: -144px -312px;
}
.flag[country^=southkorea]
{
    background-position: -168px -312px;
}
.flag[country^=spain]
{
    background-position: -192px -312px;
}
.flag[country^=sri-lanka]
{
    background-position: -216px -312px;
}
.flag[country^=st-kitts-nevis]
{
    background-position: -240px -312px;
}
.flag[country^=st-vincent-the-grenadines]
{
    background-position: -264px -312px;
}
.flag[country^=sudan]
{
    background-position: -288px -312px;
}
.flag[country^=suriname]
{
    background-position: -312px -312px;
}
.flag[country^=swaziland]
{
    background-position: -336px -312px;
}
.flag[country^=sweden]
{
    background-position: -360px -312px;
}
.flag[country^=switzerland]
{
    background-position: 0 -336px;
}
.flag[country^=syria]
{
    background-position: -24px -336px;
}
.flag[country^=tahiti-french-polinesia]
{
    background-position: -48px -336px;
}
.flag[country^=taiwan]
{
    background-position: -72px -336px;
}
.flag[country^=tajikistan]
{
    background-position: -96px -336px;
}
.flag[country^=tanzania]
{
    background-position: -120px -336px;
}
.flag[country^=thailand]
{
    background-position: -144px -336px;
}
.flag[country^=timor-leste]
{
    background-position: -168px -336px;
}
.flag[country^=togo]
{
    background-position: -192px -336px;
}
.flag[country^=tonga]
{
    background-position: -216px -336px;
}
.flag[country^=trinidadtobago]
{
    background-position: -240px -336px;
}
.flag[country^=trinidadandtobago]
{
    background-position: -264px -336px;
}
.flag[country^=tunisia]
{
    background-position: -288px -336px;
}
.flag[country^=turkey]
{
    background-position: -312px -336px;
}
.flag[country^=turkmenistan]
{
    background-position: -336px -336px;
}
.flag[country^=turks-and-caicos-islands]
{
    background-position: -360px -336px;
}
.flag[country^=tuvalu]
{
    background-position: 0 -360px;
}
.flag[country^=uae]
{
    background-position: -24px -360px;
}
.flag[country^=uk]
{
    background-position: -48px -360px;
}
.flag[country^=usa]
{
    background-position: -72px -360px;
}
.flag[country^=uganda]
{
    background-position: -96px -360px;
}
.flag[country^=ukraine]
{
    background-position: -120px -360px;
}
.flag[country^=united-nations]
{
    background-position: -144px -360px;
}
.flag[country^=unitedarabemirates]
{
    background-position: -168px -360px;
}
.flag[country^=unitedkingdom]
{
    background-position: -192px -360px;
}
.flag[country^=uruguay]
{
    background-position: -216px -360px;
}
.flag[country^=uzbekistan]
{
    background-position: -240px -360px;
}
.flag[country^=vtb]
{
    background-position: -264px -360px;
}
.flag[country^=vanuatu]
{
    background-position: -288px -360px;
}
.flag[country^=vatican-city]
{
    background-position: -312px -360px;
}
.flag[country^=venezuela]
{
    background-position: -336px -360px;
}
.flag[country^=vietnam]
{
    background-position: -360px -360px;
}
.flag[country^=virgin-islands-british]
{
    background-position: 0 -384px;
}
.flag[country^=virgin-islands-us]
{
    background-position: -24px -384px;
}
.flag[country^=wales]
{
    background-position: -48px -384px;
}
.flag[country^=western-sahara]
{
    background-position: -72px -384px;
}
.flag[country^=yemen]
{
    background-position: -120px -384px;
}
.flag[country^=zambia]
{
    background-position: -144px -384px;
}
.flag[country^=zimbabwe]
{
    background-position: -168px -384px;
}
.flag[country^=japan]
{
    background-position: -192px -384px;
}
.flag[country^=rolandgarros]
{
    background-position: -216px -384px;
}
.flag[country^=undefined]
{
    background-position: -240px -384px;
}
.flag[country^=wimbledon]
{
    background-position: -264px -384px;
}
.datepicker-container
{
    color: #000;
}
.page-title
{
    font-size: 17px;
    color: var(--textColor);
    font-size: 1.8rem;
    font-family: Roboto-Medium;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}
.g-title
{
    position: relative;
    font-family: Roboto-Bold;
    background: var(--gradient);
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    letter-spacing: .8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
}
.game-popup
{
    position: fixed;
    left: 0;
    bottom: 0;
    height: calc(100% - 10rem);
    background: var(--pageBgColor);
    background-size: cover;
    width: 100%;
    padding-top: .9375rem;
    z-index: 99;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-transition: .5s;
    transition: .5s;
    display: none;
}
.game-popup.betgames .game .iframe-helper
{
    padding-top: 0;
}
.game-popup.betgames .game .iframe-helper .game-wrapper
{
    position: relative;
    width: auto!important;
    height: auto!important;
}
.game-popup .game
{
    position: relative;
    width: 146vh;
    background: #f7f7f7;
    left: 50%;
    z-index: 99;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.game-popup .game .iframe-helper
{
    height: 0;
    padding-top: 57%;
}
.game-popup .game .iframe-helper>*
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important;
}
.game-popup .game .iframe-helper #game-container
{
    text-align: center;
}
.game-popup .game .iframe-helper #game-container iframe
{
    width: 100%!important;
    height: 100%!important;
}
.game-popup .game .iframe-helper #game-container #egamings_container
{
    height: 100%;
}
.game-popup .game .icons
{
    position: absolute;
    right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-transform: translateX(calc(100%));
    transform: translateX(calc(100%));
}
.game-popup .game .icons .material-icons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--brandColor);
    -webkit-transition: 180ms ease;
    transition: 180ms ease;
    font-size: 1.875rem;
    cursor: pointer;
    padding: .625rem;
    color: #000;
}
.game-popup .game .icons .material-icons:last-child
{
    border-top: none;
}
.game-popup .game-review
{
    display: none;
    overflow: hidden;
    padding: 1.875rem 0;
    width: 100%;
    background: #fff;
}
.game-popup .game-review .container
{
    position: relative;
    text-align: center;
    width: 50%;
    min-width: 37.5rem;
    max-width: 83.125rem;
    margin: 2.5rem auto 0;
    font-size: 1rem;
    color: #333;
    letter-spacing: .03125rem;
}
.game-popup .game-review .container .title
{
    color: var(--brandColor);
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
}
.game-popup .game-review .container p
{
    color: #333;
}
.game-popup.minimized
{
    background: 0 0;
    bottom: .9375rem;
    overflow: unset;
    left: .9375rem;
    width: 34vh;
    bottom: 4.5rem;
    height: 13.25rem;
}
.game-popup.minimized .game
{
    width: 34vh;
    -webkit-transform: none;
    transform: none;
    left: 0;
}
.game-popup.minimized .icons
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.game-popup.minimized .icons .material-icons
{
    font-size: 1rem;
    padding: .3125rem;
}
.game-popup.minimized .game-review
{
    display: none;
}
span.done
{
    position: absolute;
    pointer-events: none;
    font-size: 1.25rem;
    right: .3125rem;
    top: 50%;
    margin-top: -.625rem;
    color: #3cb251;
    line-height: normal;
    display: none;
}
input.dirty:not(.invalid):valid+span.done
{
    display: block;
}
input.dirty:not(:focus).invalid, input.dirty:not(:focus):invalid
{
    border: .0625rem solid #d62700!important;
    color: #d62700!important;
}
input.dirty:not(:focus).invalid::-webkit-input-placeholder, input.dirty:not(:focus):invalid::-webkit-input-placeholder
{
    color: #fe0000;
}
input.dirty:not(:focus).invalid::-moz-placeholder, input.dirty:not(:focus):invalid::-moz-placeholder
{
    color: #fe0000;
}
input.dirty:not(:focus).invalid::-ms-input-placeholder, input.dirty:not(:focus):invalid::-ms-input-placeholder
{
    color: #fe0000;
}
input.dirty:not(:focus).invalid::placeholder, input.dirty:not(:focus):invalid::placeholder
{
    color: #fe0000;
}
body.register-components .steps-wrapper
{
    width: 100%;
    position: relative;
    background: var(--gradient);
    height: 7.75rem;
    -webkit-box-shadow: 1rem 0 2.1875rem rgba(0,0,0,.2);
    box-shadow: 1rem 0 2.1875rem rgba(0,0,0,.2);
    z-index: 9;
}
body.register-components .steps-wrapper ul.middle
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
body.register-components .steps-wrapper ul.middle li
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30.625rem;
}
body.register-components .steps-wrapper ul.middle li:first-child::after
{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 2.3125rem solid transparent;
    border-left: 2.3125rem solid #ff6d44;
    border-bottom: 2.3125rem solid transparent;
    -webkit-transform: translateX(99%);
    transform: translateX(99%);
    z-index: 99;
}
body.register-components .steps-wrapper ul.middle li:not(:last-child)
{
    background: var(--gradient);
}
body.register-components .steps-wrapper ul.middle li p.number
{
    font-family: Roboto-Black;
    font-size: 5rem;
    color: #fff;
    margin-right: 1.875rem;
}
body.register-components .steps-wrapper ul.middle li .right
{
    width: 17rem;
}
body.register-components .steps-wrapper ul.middle li .right span
{
    font-family: MyriadPro-Bold;
    color: #fff;
    font-size: 2rem;
}
body.register-components .steps-wrapper ul.middle li .right p
{
    font-family: MyriadPro-Regular;
    color: var(--textColor);
    font-size: 1.125rem;
    font-weight: 500;
}
body.register-components .steps-wrapper ul.middle li:nth-child(2)
{
    background: #fff;
}
body.register-components .steps-wrapper ul.middle li:nth-child(2)::after
{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 2.3125rem solid transparent;
    border-left: 2.3125rem solid #fff;
    border-bottom: 2.3125rem solid transparent;
    -webkit-transform: translateX(99%);
    transform: translateX(99%);
}
body.register-components .steps-wrapper ul.middle li:nth-child(2) p.number
{
    color: var(--brandColor);
}
body.register-components .steps-wrapper ul.middle li:nth-child(2) .right span
{
    color: var(--brandColor);
}
body.register-components .steps-wrapper+*+.bottom
{
    height: 25.625rem;
    width: 100%;
    background: var(--brandColor);
}
body.register-components .steps-wrapper+*+.bottom .middle
{
    text-align: center;
    padding-top: 5.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body.register-components .steps-wrapper+*+.bottom .middle h1
{
    color: #fff;
    font-size: 2.5rem;
    font-family: MyriadPro-Bold;
    margin-bottom: 5.625rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul+ul
{
    margin-top: 2rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li
{
    height: 3.75rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li:not(:last-child)
{
    margin-right: 2.5rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li input
{
    height: 100%;
    width: 19.5rem;
    background: #fff;
    border-radius: .25rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li button
{
    width: 10.75rem;
    height: 100%;
    background: #fff;
    color: var(--textColor);
    font-family: MyriadPro-Bold;
    font-size: 1.875rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms
{
    word-wrap: break-word;
    cursor: pointer;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms a:hover
{
    text-decoration: underline;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms span
{
    color: #fff;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check
{
    display: block;
    position: relative;
    padding-left: 1.875rem;
    line-height: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.125rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: auto;
    width: .0625rem;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    border: .0625rem solid #fff;
    border-radius: .3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    transition: .2s;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check .checkmark:after
{
    content: "";
    position: absolute;
    display: none;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check:hover input~.checkmark
{
    opacity: 1;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check input:checked~.checkmark:after
{
    display: block;
}
body.register-components .steps-wrapper+*+.bottom .middle form ul li.accept-terms .check .checkmark:after
{
    width: .625rem;
    height: .625rem;
    border-radius: .1875rem;
    background: #fff;
}
body.register-components .header-helper, body.register-components footer, body.register-components header
{
    display: none;
}
.overlay.registration-success-deposit .close
{
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ff6c44;
    border: 5px solid #ff6c44;
}
.overlay.registration-success-deposit .close span
{
    font-size: 2.5rem;
}
.overlay.registration-success-deposit .popup
{
    width: 82.4375rem;
    background: -webkit-gradient(linear,left top,right top,color-stop(7.69%,#f73d3c),color-stop(92.29%,#ff6d44)),#ff2a24;
    background: linear-gradient(90deg,#f73d3c 7.69%,#ff6d44 92.29%),#ff2a24;
    border-radius: 20px;
    border-top: none;
    overflow: hidden;
}
.overlay.registration-success-deposit .popup p.success-text
{
    position: absolute;
    top: 60px;
    text-align: center;
    max-width: 390px;
    line-height: 50px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    margin: auto;
}
.overlay.registration-success-deposit .popup p.success-text span
{
    font-family: SegoeUI-Black;
    color: #fff;
    font-size: 57px;
}
.overlay.registration-success-deposit .popup p.success-text *
{
    vertical-align: middle;
}
.overlay.registration-success-deposit .popup p.success-text span.material-icons
{
    margin-left: 5px;
}
.overlay.registration-success-deposit .popup .actions
{
    text-align: center;
    margin: 2.5rem 0 6.25rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 280ms;
    transition: 280ms;
}
.overlay.registration-success-deposit .popup .actions .deposit
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 300px;
    height: 104px;
    background: #a4c02e;
    color: #fff;
    border-radius: 50px;
    font-family: SegoeUI-Black;
    font-size: 43px;
    text-transform: uppercase;
}
.overlay.registration-success-deposit .popup .actions .deposit:hover
{
    -webkit-transform: scale(.98);
    transform: scale(.98);
}
.overlay.registration-success-deposit .popup .actions .deposit:hover .success
{
    -webkit-animation: success ease-in 280ms;
    animation: success ease-in 280ms;
}
.overlay.registration-success-deposit .popup .actions::before
{
    content: "";
    position: absolute;
    width: 320px;
    height: 120px;
    background-color: #5f7018;
    z-index: -1;
    border-radius: 60px;
}
.overlay.registration-success-deposit .popup .bonuses
{
    margin: 6rem 3.5rem 4.375rem 3.5rem;
}
.overlay.registration-success-deposit .popup .bonuses .images-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.overlay.registration-success-deposit .popup .bonuses .image
{
    position: relative;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}
.overlay.registration-success-deposit .popup .bonuses .image::after
{
    content: "";
    position: absolute;
    width: 95%;
    height: 2px;
    background-color: #fff;
    bottom: 1px;
    left: 0;
    margin: auto;
}
.overlay.registration-success-deposit .popup .bonuses .image:hover
{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.overlay.registration-success-deposit .popup .bonuses .text-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 23px;
}
.overlay.registration-success-deposit .popup .bonuses .text-wrapper .text
{
    max-width: calc(100% / 3 - 3rem);
    padding: 0 30px;
}
.overlay.registration-success-deposit .popup .bonuses .text-wrapper .text h5
{
    font-family: SegoeUI-Black;
    font-size: 19px;
    color: #fff;
    margin-bottom: 20px;
}
.overlay.registration-success-deposit .popup .bonuses .text-wrapper .text p
{
    font-family: SegoeUI-Black;
    font-size: 12px;
    color: #fff;
}
.overlay.registration-success-deposit .popup .success
{
    position: absolute;
    -webkit-transform: translate(6%,0);
    transform: translate(6%,0);
    -webkit-transition: .7s;
    transition: .7s;
    pointer-events: none;
}
.check
{
    display: block;
    position: relative;
    padding-left: 3.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.7rem 0;
    font-size: 1.1rem;
}
.check input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: auto;
    width: 0;
    height: unset;
}
.check a
{
    margin: 0 2px;
    color: var(--smallElementsBgColor);
}
.check .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: var(--componentsThickBorder);
    border-radius: var(--componentsBorderRadius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    transition: .2s;
    overflow: hidden;
}
.check .checkmark:after
{
    content: '';
    position: absolute;
    display: none;
}
.check:hover input~.checkmark
{
    opacity: 1;
}
.check input:checked~.checkmark:after
{
    display: block;
}
.check .checkmark:after
{
    width: 100%;
    height: 100%;
    background-image: url(../../bcgamebettingde/image/checked.svg);
    background-color: var(--smallElementsBgColor);
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width: 780px)
{
    main form.content .fields .half ul li:not(.firstName-lastName).mobile select
    {
        width: 35%;
    }
    main .overlay.registration-success-deposit .popup .bonuses
    {
        margin-top: 12rem;
    }
}
@media screen and (max-width: 1600px)
{
    main .overlay.registration-success-deposit .popup
    {
        width: 90%;
    }
    main .overlay.registration-success-deposit .popup p.success-text
    {
        top: 30px;
    }
    main .overlay.registration-success-deposit .popup p.success-text span
    {
        font-size: 40px;
    }
    main .overlay.registration-success-deposit .popup .bonuses .image
    {
        width: calc(100% / 3 - 3rem);
    }
    main .overlay.registration-success-deposit .popup .bonuses .image img
    {
        max-width: 100%;
    }
    main .overlay.registration-success-deposit .popup .bonuses .text
    {
        width: calc(100% / 3 - 6rem);
    }
}
header
{
    position: fixed;
    left: 0;
    top: 0;
    height: 10rem;
    width: 100%;
    background: var(--headerTopRowBgColor);
    z-index: 999;
}
header .logo img
{
    display: none;
}
header .container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 5rem;
    width: 100%;
    padding-left: 1.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}
header .container a.logo
{
    margin-right: 1rem;
}
header .container a.logo img
{
    height: 2.6rem;
}
header .container .right-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .container .right-content .user-gifts
{
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
    background: var(--headerIconsBgColor);
}
header .container .right-content .user-gifts::after
{
    position: absolute;
    content: "";
    background: 0 0;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
}
header .container .right-content .user-gifts:not(.visible)
{
    display: none;
}
header .container .right-content .user-gifts .tot-gifts
{
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(40%,-20%);
    transform: translate(40%,-20%);
    font-size: 1rem;
    font-family: Roboto-Medium;
    background: var(--headerNotificationsCountBgColor);
    height: 1.8rem;
    width: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: var(--headerTextColor);
    border: 1px solid var(--headerNotificationsCountBorderColor);
}
header .container .right-content .user-gifts .tot-gifts:not(.visible)
{
    display: none;
}
header .container .right-content .user-gifts.toggled>.material-icons
{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
header .container .right-content .user-gifts:hover>ul
{
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
header .container .right-content .user-gifts img
{
    height: 2.2rem;
}
header .container .right-content .user-gifts p
{
    font-size: 1rem;
    color: #3f3f3f;
    padding-left: .875rem;
    font-weight: 700;
}
header .container .right-content .user-gifts p>span
{
    font-size: 1rem;
    color: #3f3f3f;
    font-weight: 700;
}
header .container .right-content .user-gifts>span
{
    color: #3f3f3f;
    font-size: 1.25rem;
}
header .container .right-content .user-gifts ul
{
    position: absolute;
    right: 0;
    top: 4.5rem;
    width: 13rem;
    border-radius: 5px;
    background: var(--headerDropdownBgColor);
    padding: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: var(--componentsThinBorder);
    z-index: 9;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
}
header .container .right-content .user-gifts ul li
{
    cursor: pointer;
}
header .container .right-content .user-gifts ul li:not(:last-child)
{
    margin-bottom: .4rem;
}
header .container .right-content .user-gifts ul li a
{
    padding-left: 1.025rem;
    padding-right: .8125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto-Medium;
    color: var(--headerTextColor);
    font-size: 1.2rem;
    height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: var(--componentsThinBorder);
    border-radius: 5px;
    background-color: var(--headerIconsBgColor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
header .container .right-content .user-gifts ul li a:hover
{
    border: var(--componentsThickBorder);
}
header .container .right-content .user-gifts ul li a img
{
    height: 2rem;
    margin-left: .5rem;
}
header .container .right-content .user-notifications
{
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background: var(--headerIconsBgColor);
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
}
header .container .right-content .user-notifications::after
{
    position: absolute;
    content: "";
    background: 0 0;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
}
header .container .right-content .user-notifications:not(.visible)
{
    display: none;
}
header .container .right-content .user-notifications:hover>.notification-data
{
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
header .container .right-content .user-notifications .notifications-count
{
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(40%,-20%);
    transform: translate(40%,-20%);
    font-size: 1rem;
    font-family: Roboto-Medium;
    background: var(--headerNotificationsCountBgColor);
    height: 1.8rem;
    width: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: var(--headerTextColor);
    border: 1px solid var(--headerNotificationsCountBorderColor);
}
header .container .right-content .user-notifications .notifications-count:not(.visible)
{
    display: none;
}
header .container .right-content .user-notifications .list-wrapper
{
    width: 20rem;
}
header .container .right-content .user-notifications .list-wrapper .custom-scrollbar
{
    background: var(--customScrollbarBgColor);
}
header .container .right-content .user-notifications .list-wrapper .custom-scrollbar .custom-scrollbar-btn
{
    background-color: var(--smallElementsBgColor)!important;
}
header .container .right-content .user-notifications .notification-data
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 4.5rem;
    z-index: 99;
    border-radius: var(--componentsBorderRadius);
    right: 0;
    background-color: var(--headerDropdownBgColor);
    overflow: hidden;
    border: var(--componentsThinBorder);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
}
header .container .right-content .user-notifications .notification-data:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 100%;
    height: 1.5rem;
    background: 0 0;
}
header .container .right-content .user-notifications .notification-data ul
{
    overflow: auto;
    width: 100%;
    padding: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 40rem;
}
header .container .right-content .user-notifications .notification-data ul li
{
    padding: .3rem .8125rem .5rem 1.025rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto-Medium;
    color: var(--headerTextColor);
    font-size: 1.2rem;
    height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: var(--componentsThinBorder);
    background-color: var(--headerIconsBgColor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: var(--componentsThinBorder);
    border-radius: var(--componentsBorderRadius);
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
header .container .right-content .user-notifications .notification-data ul li:hover
{
    border: var(--componentsThickBorder);
}
header .container .right-content .user-notifications .notification-data ul li:not(:last-child)
{
    margin-bottom: .4rem;
}
header .container .right-content .user-notifications .notification-data ul li h5
{
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
header .container .right-content .user-notifications .notification-data ul li span
{
    font-size: .9rem;
    color: var(--textColorOpacity);
}
header .container .right-content .user-notifications .view-all
{
    background-color: var(--brandColor);
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 0 0 var(--componentsBorderRadius) var(--componentsBorderRadius);
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
header .container .right-content .check-auth
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 26.7rem;
    padding-right: .875rem;
}
header .container .right-content .check-auth>.loader
{
    display: none;
}
header .container .right-content .check-auth .change-lang
{
    display: none;
    position: relative;
}
header .container .right-content .check-auth .change-lang div.current-lang
{
    text-transform: uppercase;
    background-color: var(--headerIconsBgColor);
    border-radius: 5px;
    color: var(--headerTextColor);
    padding: 1rem .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    min-width: 6.4rem;
    border: var(--componentsThinBorder);
    font-family: Roboto-Medium;
    font-size: 1.4rem;
    gap: .3rem;
    cursor: pointer;
}
header .container .right-content .check-auth .change-lang div.current-lang::after
{
    position: absolute;
    content: "";
    background: 0 0;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
}
header .container .right-content .check-auth .change-lang div.current-lang *
{
    vertical-align: middle;
}
header .container .right-content .check-auth .change-lang div.current-lang img
{
    height: 2rem;
}
header .container .right-content .check-auth .change-lang div.current-lang:hover+ul
{
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
header .container .right-content .check-auth .change-lang ul
{
    position: absolute;
    right: 0;
    top: 4.5rem;
    width: 13rem;
    border-radius: 5px;
    background: var(--headerDropdownBgColor);
    padding: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: var(--componentsThinBorder);
    z-index: 9;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
}
header .container .right-content .check-auth .change-lang ul:hover
{
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
header .container .right-content .check-auth .change-lang ul li
{
    cursor: pointer;
}
header .container .right-content .check-auth .change-lang ul li:not(:last-child)
{
    margin-bottom: .4rem;
}
header .container .right-content .check-auth .change-lang ul li a
{
    padding-left: 1.025rem;
    padding-right: .8125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto-Medium;
    color: var(--headerTextColor);
    font-size: 1.2rem;
    height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: var(--componentsThinBorder);
    border-radius: 5px;
    background-color: var(--headerIconsBgColor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
header .container .right-content .check-auth .change-lang ul li a:hover
{
    border: var(--componentsThickBorder);
}
header .container .right-content .check-auth .change-lang ul li a img
{
    height: 2rem;
    margin-left: .5rem;
}
header .container .right-content .check-auth .authorize .auth
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3.25rem;
    gap: 1.5rem;
}
header .container .right-content .check-auth .authorize .auth .password-wrapper
{
    position: relative;
}
header .container .right-content .check-auth .authorize .auth .password-wrapper .forgot-pass
{
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
header .container .right-content .check-auth .authorize .auth .password-wrapper .forgot-pass .hidden
{
    display: none;
}
header .container .right-content .check-auth .authorize input
{
    background-color: var(--headerIconsBgColor);
}
header .container .right-content .check-auth .authorize .btn.register
{
    color: var(--btnTextColor);
    background: var(--btnBgColor);
}
header .container .right-content .check-auth .authorize .btn.login
{
    color: var(--textColor);
    background-color: var(--headerIconsBgColor);
    border: var(--componentsThinBorder);
}
header .container .right-content .check-auth .user-info>ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
header .container .right-content .check-auth .user-info>ul .btn.logout
{
    min-width: 2.5rem;
}
header .container .right-content .check-auth .user-info>ul li.balance, header .container .right-content .check-auth .user-info>ul li.username
{
    padding: 1.2rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--headerTextColor);
    white-space: nowrap;
    background-color: var(--headerIconsBgColor);
    height: 4rem;
    border-radius: 5px;
    font-size: 1.4rem;
    font-family: Roboto-Medium;
}
header .container .right-content .check-auth .user-info>ul li.balance .refresh-balance, header .container .right-content .check-auth .user-info>ul li.username .refresh-balance
{
    color: var(--brandColor);
    font-size: 1.0625rem;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
header .container .right-content .check-auth .user-info>ul li.balance .refresh-balance:hover, header .container .right-content .check-auth .user-info>ul li.username .refresh-balance:hover
{
    opacity: .7;
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown, header .container .right-content .check-auth .user-info>ul li.username .dropdown
{
    position: absolute;
    left: 0;
    top: 4.5rem;
    width: 100%;
    border-radius: 5px;
    background: var(--headerDropdownBgColor);
    padding: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: var(--componentsThinBorder);
    z-index: 9;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
}
header .container .right-content .check-auth .user-info>ul li.balance:hover .dropdown, header .container .right-content .check-auth .user-info>ul li.username:hover .dropdown
{
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
header .container .right-content .check-auth .user-info>ul li.username
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    min-width: 14rem;
}
header .container .right-content .check-auth .user-info>ul li.username::after
{
    position: absolute;
    content: "";
    background: 0 0;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
}
header .container .right-content .check-auth .user-info>ul li.username div.user
{
    text-transform: uppercase;
}
header .container .right-content .check-auth .user-info>ul li.username .dropdown li:not(:last-child)
{
    margin-bottom: .4rem;
}
header .container .right-content .check-auth .user-info>ul li.username .dropdown li a
{
    padding-left: 1.025rem;
    padding-right: .8125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto-Medium;
    color: var(--headerTextColor);
    font-size: 1.2rem;
    height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--componentsThinBorder);
    border-radius: 5px;
    background-color: var(--headerIconsBgColor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
header .container .right-content .check-auth .user-info>ul li.username .dropdown li a span
{
    font-size: 1.2rem;
    margin-left: .8rem;
}
header .container .right-content .check-auth .user-info>ul li.username .dropdown li a:hover
{
    border: var(--componentsThickBorder);
}
header .container .right-content .check-auth .user-info>ul li.username .dropdown li a.logout
{
    color: #fd4a46;
    cursor: pointer;
}
header .container .right-content .check-auth .user-info>ul li.username .dropdown li a .icon
{
    width: 1.8rem;
}
header .container .right-content .check-auth .user-info>ul li.balance
{
    margin: 0 1.5rem;
}
header .container .right-content .check-auth .user-info>ul li.balance span.amount
{
    color: var(--headerTextColor);
    margin-right: .5rem;
}
header .container .right-content .check-auth .user-info>ul li.balance span.currency-str
{
    color: var(--headerCurrencyStrColor);
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown li
{
    padding: 0 .9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--textColor);
    font-size: 1.0313rem;
    height: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown li:not(:last-child)
{
    border-bottom: .0625rem solid #e9e9e9;
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown li span
{
    font-family: MyriadPro-Regular;
    color: var(--textColor);
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown li span:last-child
{
    margin-left: auto;
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown li:hover
{
    background: var(--brandColor);
}
header .container .right-content .check-auth .user-info>ul li.balance .dropdown li:hover span
{
    color: #fff;
}
header .container .right-content .check-auth .loader
{
    color: #fff;
    border-radius: .125rem;
}
header .container .right-content .check-auth .loader, header .container .right-content .check-auth .loader:after, header .container .right-content .check-auth .loader:before
{
    border-radius: .125rem;
    background: #fff;
}
header .container .right-content .change-theme
{
    margin: 0 1.5rem;
    position: relative;
}
header .container .right-content .change-theme:hover .theme-text
{
    display: block;
}
header .container .right-content .change-theme .icon-wrapper
{
    width: 4rem;
    height: 4rem;
    background-color: var(--headerIconsBgColor);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
header .container .right-content .change-theme .theme-text
{
    position: absolute;
    background-color: var(--headerThemeTextBgColor);
    right: 0;
    top: 5.2rem;
    min-width: 7rem;
    z-index: 9;
    border-radius: var(--componentsBorderRadius);
    padding: .5rem .7rem;
    -webkit-filter: drop-shadow(0 0 5px rgba(255,255,255,.05));
    filter: drop-shadow(0 0 5px rgba(255,255,255,.05));
    display: none;
}
header .container .right-content .change-theme .theme-text p
{
    font-size: 1.2rem;
    color: var(--headerThemeTextColor);
    font-family: Roboto-Light;
}
header .container .right-content .change-theme .theme-text::before
{
    content: "";
    width: 0;
    height: 0;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
    border-bottom: 1.6rem solid var(--headerThemeTextBgColor);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(-1.2rem,-1rem);
    transform: translate(-1.2rem,-1rem);
}
header .bottom-line
{
    height: 5rem;
    background-color: var(--headerBottomRowBgColor);
}
header .bottom-line nav
{
    overflow: hidden;
    margin-right: auto;
    height: 100%;
    color: var(--headerTextColor);
}
header .bottom-line nav ul
{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 55rem;
    gap: 3rem;
    margin-left: 2.2rem;
}
header .bottom-line nav ul li
{
    position: relative;
}
header .bottom-line nav ul li a
{
    position: relative;
    display: block;
    padding: 0 1.1125rem;
    height: 100%;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    font-family: Roboto-Black;
}
header .bottom-line nav ul li a:after
{
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 31px;
    height: 3px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: var(--brandColor);
    opacity: 0;
}
header .bottom-line nav ul li a:hover
{
    color: var(--smallElementsBgColor);
}
header .bottom-line nav ul li a .new
{
    position: absolute;
    right: 0;
    top: .625rem;
    background: #f73d3c;
    color: #fff;
    padding: .125rem .45rem;
    font-weight: 400;
    font-size: .9375rem;
    border-radius: .3125rem;
    -webkit-animation: .5s newAnimation ease-in-out infinite alternate;
    animation: .5s newAnimation ease-in-out infinite alternate;
}
@-webkit-keyframes newAnimation
{
    from
    {
        opacity: .3;
    }
}
@keyframes newAnimation
{
    from
    {
        opacity: .3;
    }
}
header .bottom-line nav ul li.active a:after
{
    opacity: 1;
}
.header-helper
{
    position: relative;
    height: 10rem;
    width: 100%;
}
.signin-popup .popup input
{
    padding-left: 3.4rem!important;
}
.registration-success-popup .registration-sucess
{
    width: 871px;
    height: 615px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.registration-success-popup .registration-sucess>div.name
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 320px;
}
.registration-success-popup .registration-sucess>div.name h1
{
    color: #fff;
    font-family: Kanit-Bold;
    font-size: 30px;
}
.registration-success-popup .registration-sucess>div.name h1.username
{
    margin-left: 5px;
}
.registration-success-popup .registration-sucess a
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 100%;
}
.registration-success-popup .registration-sucess .close
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 25px;
    cursor: pointer;
    top: 25px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    z-index: 99;
}
.forgot-password .popup, .reset-password .popup, .signin-popup .popup, .signup-popup .popup
{
    border-top: 0;
    width: 48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: var(--headerBottomRowBgColor);
    overflow: hidden;
    border: var(--componentsFadedBorder);
    border-radius: 1rem;
    padding: 1.1rem;
}
.forgot-password .popup .head, .reset-password .popup .head, .signin-popup .popup .head, .signup-popup .popup .head
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: var(--textColor);
    text-decoration: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-family: Gilroy-SemiBold;
    font-weight: 400;
    margin-bottom: 3rem;
}
.forgot-password .popup .head .close img, .reset-password .popup .head .close img, .signin-popup .popup .head .close img, .signup-popup .popup .head .close img
{
    width: 3rem;
}
.forgot-password .popup .head .not-account, .reset-password .popup .head .not-account, .signin-popup .popup .head .not-account, .signup-popup .popup .head .not-account
{
    margin-top: 3rem;
}
.forgot-password .popup .head .not-account .signup-now, .reset-password .popup .head .not-account .signup-now, .signin-popup .popup .head .not-account .signup-now, .signup-popup .popup .head .not-account .signup-now
{
    color: var(--smallElementsBgColor);
    cursor: pointer;
}
.forgot-password .popup .head .back, .reset-password .popup .head .back, .signin-popup .popup .head .back, .signup-popup .popup .head .back
{
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.forgot-password .popup .head .back:not(.visible), .reset-password .popup .head .back:not(.visible), .signin-popup .popup .head .back:not(.visible), .signup-popup .popup .head .back:not(.visible)
{
    display: none;
}
.forgot-password .popup .head .back img, .reset-password .popup .head .back img, .signin-popup .popup .head .back img, .signup-popup .popup .head .back img
{
    height: 3rem;
}
.forgot-password .popup .head p, .reset-password .popup .head p, .signin-popup .popup .head p, .signup-popup .popup .head p
{
    font-size: 2.5rem;
}
.forgot-password .popup .head span, .reset-password .popup .head span, .signin-popup .popup .head span, .signup-popup .popup .head span
{
    color: var(--textColorOpacity);
    font-size: 1.6rem;
}
.forgot-password .popup .head span.highlighted, .reset-password .popup .head span.highlighted, .signin-popup .popup .head span.highlighted, .signup-popup .popup .head span.highlighted
{
    color: var(--smallElementsBgColor);
    cursor: pointer;
}
.forgot-password .popup .head a, .reset-password .popup .head a, .signin-popup .popup .head a, .signup-popup .popup .head a
{
    margin-left: .5rem;
    color: var(--smallElementsBgColor);
    font-size: 1.6rem;
}
.forgot-password .popup .head h2, .forgot-password .popup .head p, .reset-password .popup .head h2, .reset-password .popup .head p, .signin-popup .popup .head h2, .signin-popup .popup .head p, .signup-popup .popup .head h2, .signup-popup .popup .head p
{
    font-family: Roboto-Black;
    font-size: 2rem;
    margin-top: 2.4rem;
}
.forgot-password .popup .head .subtitle, .reset-password .popup .head .subtitle, .signin-popup .popup .head .subtitle, .signup-popup .popup .head .subtitle
{
    font-family: Roboto-Regular;
    margin-top: 1.9rem;
    font-size: 1.2rem;
}
.forgot-password .popup .head .subtitle span, .reset-password .popup .head .subtitle span, .signin-popup .popup .head .subtitle span, .signup-popup .popup .head .subtitle span
{
    font-family: Roboto-Regular;
    font-size: 1.2rem;
}
.forgot-password .popup .head .subtitle b, .reset-password .popup .head .subtitle b, .signin-popup .popup .head .subtitle b, .signup-popup .popup .head .subtitle b
{
    font-family: Roboto-Regular;
    color: var(--brandColor);
    font-weight: 400;
    margin-left: .2rem;
}
.forgot-password .popup .head .close, .reset-password .popup .head .close, .signin-popup .popup .head .close, .signup-popup .popup .head .close
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.forgot-password .popup ul, .reset-password .popup ul, .signin-popup .popup ul, .signup-popup .popup ul
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30.7rem;
    padding-bottom: 0;
    margin: auto;
}
.forgot-password .popup ul li, .reset-password .popup ul li, .signin-popup .popup ul li, .signup-popup .popup ul li
{
    position: relative;
    overflow: hidden;
    float: none;
    margin-bottom: 1.2rem;
    width: 100%;
}
.forgot-password .popup ul li.birthdate, .reset-password .popup ul li.birthdate, .signin-popup .popup ul li.birthdate, .signup-popup .popup ul li.birthdate
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.forgot-password .popup ul li.mobile, .reset-password .popup ul li.mobile, .signin-popup .popup ul li.mobile, .signup-popup .popup ul li.mobile
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}
.forgot-password .popup ul li.mobile select, .reset-password .popup ul li.mobile select, .signin-popup .popup ul li.mobile select, .signup-popup .popup ul li.mobile select
{
    width: 40%;
}
.forgot-password .popup ul li.remember-me .remember-text, .reset-password .popup ul li.remember-me .remember-text, .signin-popup .popup ul li.remember-me .remember-text, .signup-popup .popup ul li.remember-me .remember-text
{
    margin-top: .5rem;
    color: var(--textColor);
    font-family: Poppins-Regular;
}
.forgot-password .popup ul li .continue-text, .reset-password .popup ul li .continue-text, .signin-popup .popup ul li .continue-text, .signup-popup .popup ul li .continue-text
{
    color: var(--textColor);
    text-align: center;
    font-size: 1.2rem;
    font-family: Poppins-Regular;
    font-weight: 400;
    line-height: 1.8rem;
    margin-top: 2rem;
}
.forgot-password .popup ul li .icon-wrapper, .reset-password .popup ul li .icon-wrapper, .signin-popup .popup ul li .icon-wrapper, .signup-popup .popup ul li .icon-wrapper
{
    position: absolute;
    left: 1.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.forgot-password .popup ul li p.forgot-pass, .reset-password .popup ul li p.forgot-pass, .signin-popup .popup ul li p.forgot-pass, .signup-popup .popup ul li p.forgot-pass
{
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--smallElementsBgColor);
    font-family: Gilroy-SemiBold;
    font-weight: 400;
    font-size: 1.2rem;
    cursor: pointer;
}
.forgot-password .popup ul li input:not([type=checkbox]), .forgot-password .popup ul li select, .reset-password .popup ul li input:not([type=checkbox]), .reset-password .popup ul li select, .signin-popup .popup ul li input:not([type=checkbox]), .signin-popup .popup ul li select, .signup-popup .popup ul li input:not([type=checkbox]), .signup-popup .popup ul li select
{
    width: 100%;
    padding: 0 1rem 0 2.5rem;
    background-color: var(--inputBgColor);
    border: 1px solid #4d67784a;
    height: 5.5rem;
    border-radius: 10px;
    color: var(--textColor);
}
.forgot-password .popup ul li input:not([type=checkbox]):focus, .forgot-password .popup ul li select:focus, .reset-password .popup ul li input:not([type=checkbox]):focus, .reset-password .popup ul li select:focus, .signin-popup .popup ul li input:not([type=checkbox]):focus, .signin-popup .popup ul li select:focus, .signup-popup .popup ul li input:not([type=checkbox]):focus, .signup-popup .popup ul li select:focus
{
    border: var(--componentsThickBorder);
}
.forgot-password .popup ul li button, .reset-password .popup ul li button, .signin-popup .popup ul li button, .signup-popup .popup ul li button
{
    margin-top: .8rem;
    width: 100%;
    height: 5.5rem;
    border-radius: 10px;
    color: var(--btnTextColor);
    background-color: var(--btnBgColor);
}
.forgot-password .popup ul li .loader-wrapper, .reset-password .popup ul li .loader-wrapper, .signin-popup .popup ul li .loader-wrapper, .signup-popup .popup ul li .loader-wrapper
{
    height: 40px;
    margin-top: 10px;
    display: none;
}
.forgot-password .popup ul li.forgot-pass, .reset-password .popup ul li.forgot-pass, .signin-popup .popup ul li.forgot-pass, .signup-popup .popup ul li.forgot-pass
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.forgot-password .popup ul li.forgot-pass span, .reset-password .popup ul li.forgot-pass span, .signin-popup .popup ul li.forgot-pass span, .signup-popup .popup ul li.forgot-pass span
{
    display: block;
    color: var(--brandColor);
    font-weight: 400;
    cursor: pointer;
}
.forgot-password .popup ul li.forgot-pass span:hover, .reset-password .popup ul li.forgot-pass span:hover, .signin-popup .popup ul li.forgot-pass span:hover, .signup-popup .popup ul li.forgot-pass span:hover
{
    text-decoration: underline;
}
.forgot-password .popup ul li .check, .reset-password .popup ul li .check, .signin-popup .popup ul li .check, .signup-popup .popup ul li .check
{
    color: var(--textColorOpacity);
    font-family: Poppins-Regular;
    font-weight: 400;
    font-size: 1rem;
    height: 2.2rem;
    margin-bottom: 0!important;
}
.forgot-password .popup ul li .check.marketing-check, .reset-password .popup ul li .check.marketing-check, .signin-popup .popup ul li .check.marketing-check, .signup-popup .popup ul li .check.marketing-check
{
    margin: 0!important;
}
.forgot-password .popup ul li .check input[type=checkbox], .reset-password .popup ul li .check input[type=checkbox], .signin-popup .popup ul li .check input[type=checkbox], .signup-popup .popup ul li .check input[type=checkbox]
{
    width: 1px!important;
    height: 1px!important;
    position: absolute;
    left: 11px;
    top: 10px;
    opacity: 0;
}
.forgot-password .popup ul li .check a, .reset-password .popup ul li .check a, .signin-popup .popup ul li .check a, .signup-popup .popup ul li .check a
{
    margin: 0 .5rem;
    text-decoration: underline;
}
.forgot-password .popup ul li .check a:hover, .reset-password .popup ul li .check a:hover, .signin-popup .popup ul li .check a:hover, .signup-popup .popup ul li .check a:hover
{
    text-decoration: underline;
}
.forgot-password .popup ul li .err-text, .reset-password .popup ul li .err-text, .signin-popup .popup ul li .err-text, .signup-popup .popup ul li .err-text
{
    margin-top: 1rem;
    display: none;
}
.forgot-password .popup ul li p.next-step-error-text, .reset-password .popup ul li p.next-step-error-text, .signin-popup .popup ul li p.next-step-error-text, .signup-popup .popup ul li p.next-step-error-text
{
    color: #ff3030;
    font-size: 1.2rem;
    font-family: Roboto-Regular;
}
.forgot-password .popup ul li.country-currency, .reset-password .popup ul li.country-currency, .signin-popup .popup ul li.country-currency, .signup-popup .popup ul li.country-currency
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.forgot-password .popup ul.part-two li input, .forgot-password .popup ul.part-two li select, .reset-password .popup ul.part-two li input, .reset-password .popup ul.part-two li select, .signin-popup .popup ul.part-two li input, .signin-popup .popup ul.part-two li select, .signup-popup .popup ul.part-two li input, .signup-popup .popup ul.part-two li select
{
    padding-left: 1rem;
}
.forgot-password .popup ul.part-one>li .wrapper, .reset-password .popup ul.part-one>li .wrapper, .signin-popup .popup ul.part-one>li .wrapper, .signup-popup .popup ul.part-one>li .wrapper
{
    position: relative;
}
.forgot-password .popup ul.part-one>li img.left-image, .reset-password .popup ul.part-one>li img.left-image, .signin-popup .popup ul.part-one>li img.left-image, .signup-popup .popup ul.part-one>li img.left-image
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1rem;
}
.forgot-password .popup ul.part-one>li .right-image, .reset-password .popup ul.part-one>li .right-image, .signin-popup .popup ul.part-one>li .right-image, .signup-popup .popup ul.part-one>li .right-image
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.forgot-password .popup ul.part-one>li .right-image .hidden, .reset-password .popup ul.part-one>li .right-image .hidden, .signin-popup .popup ul.part-one>li .right-image .hidden, .signup-popup .popup ul.part-one>li .right-image .hidden
{
    display: none;
}
.finish-information .item .field
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.finish-information .item .field>div
{
    width: 100%;
}
.have-promo
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.have-promo img
{
    height: 17px;
    margin-right: 8px;
}
.have-promo span
{
    color: #ffffffe5;
    font-size: 12px;
    font-family: Roboto-Regular;
    text-decoration: underline;
}
.have-promo.active span
{
    color: #1ee7a6;
}
.signup-popup .popup ul li.promo-code
{
    display: none;
}
.signup-popup .popup ul li.promo-code.visible
{
    display: block;
}
.signup-popup .popup ul li.promo-code input
{
    border: 1px solid #1ee7a699!important;
    height: 32px!important;
    border-radius: 8px!important;
}
.whynot .popup
{
    width: 37.3rem;
    height: 27.1rem;
    background: #00263d;
    border-radius: 8px;
    text-align: center;
    padding: 0 3.1rem;
    position: relative;
    overflow: hidden;
}
.whynot .popup .close
{
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    top: 1.7rem;
    right: 1.7rem;
}
.whynot .popup h1
{
    color: #d9d9d9;
    font-family: Roboto-Bold;
    font-size: 2rem;
    padding: 40px 0 8px;
}
.whynot .popup>p
{
    color: #d9d9d9;
    font-family: Roboto-Regular;
    font-size: 1.4rem;
}
.whynot .popup .back-to
{
    height: 4.8rem;
    width: 100%;
    background: #1ee7a6;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 4rem;
}
.whynot .popup .back-to p
{
    font-size: 1.4rem;
    font-family: Roboto-Bold;
    color: #001c2d;
}
.whynot .popup .close-reg
{
    height: 4.8rem;
    width: 100%;
    background: 0 0;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #1ee7a6;
    margin-top: 1.6rem;
}
.whynot .popup .close-reg p
{
    font-size: 1.4rem;
    font-family: Roboto-Bold;
    color: #d9d9d9;
}
.signup-popup .signup-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.signup-popup .popup
{
    padding: 0!important;
    border: unset!important;
}
.signup-popup .popup ul
{
    width: 100%!important;
    padding: 0 3.6rem;
}
.signup-popup .popup ul li input
{
    height: 4.8rem!important;
    border-radius: 8px!important;
    border: 1px solid #1ee7a62b!important;
    background-color: #001c2dc2!important;
}
.signup-popup .popup ul li button
{
    height: 4.8rem!important;
}
.signup-popup .popup ul li.country-currency
{
    gap: .7rem!important;
}
.signup-popup .popup ul li.country-currency>div
{
    width: 100%;
}
.signup-popup .popup ul li.country-currency select
{
    border: 1px solid #1ee7a62b!important;
}
.signup-popup .popup ul li.country-currency .currency-filter
{
    position: relative;
}
.signup-popup .popup ul li.country-currency .currency-filter select
{
    padding: 0 1rem 0 5rem!important;
}
.signup-popup .popup ul li.country-currency .currency-filter img
{
    position: absolute;
    -webkit-transform: translatey(50%);
    transform: translatey(50%);
    height: 2rem;
    left: 1.7rem;
}
.signup-popup .popup ul li.mobile-number
{
    gap: .5113rem!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.signup-popup .popup ul li.mobile-number>div
{
    width: 100%;
}
.signup-popup .popup ul li.mobile-number select
{
    border: 1px solid #11e31233!important;
    width: 127px;
}
.signup-popup .popup ul li.mobile-number .currency-filter
{
    position: relative;
}
.signup-popup .popup ul li.mobile-number .currency-filter select
{
    text-indent: 3.3333rem!important;
}
.signup-popup .popup ul li.mobile-number .currency-filter img
{
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    height: 1.3333rem;
    left: 1.1333rem;
}
.signup-popup .registration-banner
{
    padding: 1.9rem 3.6rem;
}
.signup-popup .registration-banner img
{
    border-radius: 8px;
}
.signup-popup .head
{
    height: 5rem;
    margin: 0!important;
    background: #022a42!important;
    position: relative;
    border-left: 12px solid #1ee7a6;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    padding-left: 3rem!important;
}
.signup-popup .head .close
{
    top: unset!important;
}
.signup-popup .head .close img
{
    width: 2rem!important;
}
.signup-popup .head p
{
    margin: 0!important;
    font-size: 1.6rem;
    font-family: Roboto-Regular!important;
}
.signup-popup form
{
    width: 50rem!important;
}
.signup-popup .registration-banner img
{
    height: 19.4rem;
    width: 100%;
}
.signup-popup .registration-swiper
{
    width: 39rem!important;
    max-height: 90%;
    overflow: hidden;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: var(--pageBgColor);
    border-radius: 10px;
    z-index: 9;
    margin-right: -1rem;
    -webkit-animation: .5s cubic-bezier(0,1.13,.7,1.32) popupAnimation;
    animation: .5s cubic-bezier(0,1.13,.7,1.32) popupAnimation;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes popupAnimation
{
    from
    {
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem);
    }
    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.signup-popup .registration-swiper ul.swiper-wrapper .swiper-slide
{
    background-color: var(--pageBgColor);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.signup-popup .registration-swiper .swiper-pagination
{
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.2rem;
}
.signup-popup .registration-swiper .swiper-pagination .swiper-pagination-bullet-active
{
    width: 1.8rem!important;
    height: 1.8rem!important;
    background-color: var(--smallElementsBgColor)!important;
}
.signup-popup .registration-swiper .swiper-pagination .swiper-pagination-bullet
{
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--textColorOpacity);
}
.signup-popup ul.part-one:not(.visible), .signup-popup ul.part-two:not(.visible)
{
    display: none;
}
.signup-popup .progress-bar
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32rem;
    margin: 3rem auto 0;
}
.signup-popup .progress-bar .step
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
}
.signup-popup .progress-bar .step.active .circle
{
    background-color: var(--smallElementsBgColor);
}
.signup-popup .progress-bar .step.active span
{
    color: var(--smallElementsBgColor);
}
.signup-popup .progress-bar .step .circle
{
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background-color: var(--textColor);
}
.signup-popup .progress-bar .step .icon
{
    height: 1.7rem;
}
.signup-popup .progress-bar .step span
{
    color: var(--textColor);
}
.signup-popup .progress-bar .line
{
    width: 100%;
    height: .7rem;
    border-radius: 10px;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,var(--smallElementsBgColor)),color-stop(50%,var(--pageBgColor)));
    background: linear-gradient(to right,var(--smallElementsBgColor) 50%,var(--pageBgColor) 50%);
    margin: .5rem 0;
}
.signup-popup .progress-bar .line.active
{
    background: var(--smallElementsBgColor);
}
.reset-password
{
    display: none;
}
.forgot-password .loader-wrapper, .reset-password .loader-wrapper
{
    background: 0 0!important;
}
.forgot-password .err-text, .forgot-password .main-err, .forgot-password .success-text, .reset-password .err-text, .reset-password .main-err, .reset-password .success-text
{
    text-align: center;
}
.forgot-password ul, .reset-password ul
{
    width: 39.3rem!important;
}
.forgot-password .btn, .reset-password .btn
{
    width: 18.7rem!important;
    margin: auto;
}
.forgot-password .popup.success, .reset-password .popup.success
{
    display: none;
}
.forgot-password .popup.success p.success-text, .reset-password .popup.success p.success-text
{
    padding: 2rem;
    text-align: center;
    font-size: 1.1rem;
}
.forgot-password .popup.success .btn-wrapper, .reset-password .popup.success .btn-wrapper
{
    text-align: center;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.forgot-password .popup.success .btn-wrapper .btn, .reset-password .popup.success .btn-wrapper .btn
{
    width: 8rem;
    height: 2.5rem;
    border-radius: 4px;
}
.overlay.new-message .popup
{
    width: 700px;
    min-height: 400px;
    background: 0 0;
}
.overlay.new-message .popup .close
{
    z-index: 9;
    color: var(--textColor);
    opacity: .7;
}
.overlay.new-message .popup .close:hover
{
    opacity: 1;
}
.overlay.new-message .popup .content
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.overlay.new-message .popup .content .banner-wrapper
{
    display: none;
}
.overlay.new-message .popup .content .banner-wrapper img
{
    width: 100%;
}
.overlay.new-message .popup .content .text
{
    color: var(--textColor);
    font-size: 18px;
}
.overlay.new-message .popup .custom-scrollbar-btn
{
    background-color: rgba(0,0,0,.24)!important;
}
.overlay.active-freespins .popup
{
    position: relative;
    width: 700px;
    height: 400px;
    text-align: center;
    font-family: Roboto-Black;
    background-color: var(--brandColor);
    color: #fff;
    border-top: 0;
    background-size: cover;
    background-position: center;
}
.overlay.active-freespins .popup .close
{
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff!important;
}
.overlay.active-freespins .popup h3
{
    margin-top: 10px;
    padding: 15px;
    font-family: Roboto-Black;
}
.overlay.active-freespins .popup p.freespin-count
{
    margin-top: 30px;
    font-size: 18px;
}
.overlay.active-freespins .popup p.freespin-count span.count
{
    margin-left: 5px;
    color: #3aff5d;
}
.overlay.active-freespins .popup .games
{
    margin-top: 150px;
    font-size: 17px;
    padding-bottom: 15px;
}
.overlay.active-freespins .popup .games ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.overlay.active-freespins .popup .games ul li
{
    color: #3aff5d;
    margin-top: 10px;
    cursor: pointer;
}
.overlay.active-freespins .popup .games ul li:hover
{
    text-decoration: underline;
}
.overlay.active-freespins .popup::-webkit-scrollbar
{
    width: 6px;
}
.overlay.active-freespins .popup::-webkit-scrollbar-track
{
    background: 0 0;
}
.overlay.active-freespins .popup::-webkit-scrollbar-thumb
{
    background: #fff;
}
.overlay.active-freespins .popup::-webkit-scrollbar-thumb:hover
{
    background: #f1f1f1;
}
.signup-success-popup .popup
{
    width: 87.1rem!important;
    height: 76rem!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
}
.overlay.promo-popup .popup
{
    width: 72.8333rem;
    overflow: visible;
    background-color: transparent;
}
.overlay.promo-popup .banner
{
    background-image: url(../../bcgamebettingde/image/promopopupbg.png);
    background-position: center;
    display: block;
    height: 47.8333rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay.promo-popup .close
{
    border: var(--componentsThinBorder);
    border-radius: 50%;
    font-size: 4.25rem;
    background: rgba(237,237,237,.3);
}
html.light-mode .signup-popup .popup ul li input
{
    background-color: var(--inputBgColor)!important;
}
html.light-mode .signup-popup .head
{
    background: #fff!important;
}
html.light-mode .whynot .popup
{
    background: var(--headerBottomRowBgColor)!important;
}
html.light-mode .whynot .popup h1
{
    color: #000;
}
html.light-mode .whynot .popup>p
{
    color: #000;
}
html.light-mode .whynot .popup .back-to
{
    background: var(--btnBgColor)!important;
}
html.light-mode .whynot .popup .close-reg
{
    border-color: var(--btnBgColor)!important;
}
html.light-mode .have-promo span
{
    color: #000!important;
}
html.light-mode .have-promo img, html.light-mode .signup-popup .popup ul li.country-currency .currency-filter img
{
    -webkit-filter: brightness(0)!important;
    filter: brightness(0)!important;
}
html.light-mode .whynot .popup .close-reg p
{
    color: #000!important;
}
footer
{
    background-color: var(--headerBottomRowBgColor);
    padding-bottom: 20px;
    margin-top: 4rem;
}
footer .custom-link1, footer .custom-link2
{
    width: 150px;
    height: 20px;
    margin: 0 auto;
}
footer nav
{
    padding-top: 2rem;
}
footer nav .top-bar
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.6rem;
}
footer nav .top-bar a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--componentsBgColor);
    border-radius: var(--componentsBorderRadius);
    width: 17rem;
    height: 4.7rem;
    gap: 1rem;
    border: 1px solid transparent;
}
footer nav .top-bar a:hover
{
    border: var(--componentsThickBorder);
}
footer nav .top-bar a span
{
    color: var(--textColor);
    font-size: 1.6rem;
}
footer nav .licences
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3rem;
    margin-top: 2.5rem!important;
}
footer nav .licences img
{
    max-height: 6.2rem;
}
footer nav .socials-wrapper
{
    text-align: center;
    margin-top: 2.5rem!important;
    margin-bottom: 2.5rem!important;
}
footer nav .socials-wrapper p
{
    color: var(--textColor);
    margin-bottom: 2rem;
}
footer nav .socials-wrapper .socials
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
}
footer nav .socials-wrapper .socials li
{
    background-color: var(--componentsBgColor);
    width: 5rem;
    height: 5rem;
    border-radius: var(--componentsBorderRadius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
footer nav .payment-methods
{
    background-color: var(--footerPaymentsBgColor);
}
footer nav .payment-methods ul
{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));
    padding: 1.6rem 0;
    gap: 1rem;
}
footer nav .payment-methods ul li
{
    background-color: #00263d;
    border-radius: var(--componentsBorderRadius);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 6rem;
}
footer nav .payment-methods ul li a
{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
footer nav .payment-methods ul li a img
{
    max-width: 100%;
    max-height: 100%;
}
footer .warning-text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 14;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 94px;
}
footer .warning-text .warning
{
    margin-left: 25px;
    color: var(--textColor);
    font-family: Roboto-Black;
    font-size: 1.6rem;
}
footer .warning-text .imgs
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
footer .warning-text .imgs img:first-child
{
    margin-right: 15px;
}
footer .text
{
    color: var(--textColorOpacity);
    font-size: 1rem;
}
footer .copyright
{
    color: var(--textColor);
    font-size: 1.2rem;
    font-family: Roboto-Black;
    text-align: center;
    margin-top: 1rem;
}
.pre-loader
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #030303;
    z-index: 9999;
    pointer-events: none;
    text-align: center;
}
.pre-loader a
{
    pointer-events: none;
}
.pre-loader img
{
    width: 24%;
}
.notification-overlay
{
    background: rgba(61,61,61,.8);
}
.notification-overlay *
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.notification-overlay .notification-popup
{
    position: relative;
    width: 53rem;
    max-height: 80%!important;
    height: 612px;
    border-radius: 8px;
    overflow: hidden!important;
    background: #1e1d1d;
    border-top: none;
    letter-spacing: .3px;
}
.notification-overlay .notification-popup .header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
}
.notification-overlay .notification-popup .header .check
{
    margin-left: 24px;
    color: #d2c9c9;
    display: block;
    position: relative;
    font-weight: 500;
    padding-left: 30px;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
}
.notification-overlay .notification-popup .header .check input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: auto;
}
.notification-overlay .notification-popup .header .check .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #131314;
    border: 1.2px solid #3c3c3d;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    transition: .2s;
}
.notification-overlay .notification-popup .header .check .checkmark:after
{
    content: '';
    position: absolute;
    display: none;
}
.notification-overlay .notification-popup .header .check:hover input~.checkmark
{
    opacity: 1;
}
.notification-overlay .notification-popup .header .check input:checked~.checkmark:after
{
    display: block;
}
.notification-overlay .notification-popup .header .check .checkmark:after
{
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--btnBgColor);
}
.notification-overlay .notification-popup .header .search
{
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
    padding-left: 40px;
}
.notification-overlay .notification-popup .header .search input
{
    border-radius: 8px;
    height: 32px;
    width: 100%;
    background-color: #131314;
    border: 1px solid #3c3c3d;
    color: #fff;
}
.notification-overlay .notification-popup .header .search input::-webkit-input-placeholder
{
    color: #d2c9c9;
}
.notification-overlay .notification-popup .header .search input::-moz-placeholder
{
    color: #d2c9c9;
}
.notification-overlay .notification-popup .header .search input::-ms-input-placeholder
{
    color: #d2c9c9;
}
.notification-overlay .notification-popup .header .search input::placeholder
{
    color: #d2c9c9;
}
.notification-overlay .notification-popup .header .search img
{
    position: relative;
    right: 2.875rem;
}
.notification-overlay .notification-popup .close
{
    position: absolute;
    right: 20px;
    top: 19px;
    color: #fff;
}
.notification-overlay .notification-popup .notification-items
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100% - 60px);
    border-top: 1px solid #d2c9c9;
}
.notification-overlay .notification-popup .notification-items::-webkit-scrollbar
{
    width: 12px;
    background: #1e1d1d;
    border-radius: 10px;
}
.notification-overlay .notification-popup .notification-items::-webkit-scrollbar-track
{
    border-radius: 10px;
}
.notification-overlay .notification-popup .notification-items::-webkit-scrollbar-thumb
{
    background: var(--btnBgColor);
    border-radius: 10px;
    border: 2px solid var(--btnBgColor);
}
.notification-overlay .notification-popup .notification-items .notification-item
{
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 24px 40px;
    padding-right: 27px;
    background-color: #131314;
    min-height: 190px;
    max-height: 10000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.notification-overlay .notification-popup .notification-items .notification-item.unread
{
    background-color: #131314;
}
.notification-overlay .notification-popup .notification-items .notification-item .unread-circle
{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--btnBgColor);
    position: absolute;
    left: -14px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    top: 3px;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-preview-header
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-preview-header .notification-title
{
    font-family: Poppins;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-preview-header .notification-delete
{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    font-size: 10px;
    color: #ff485a;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-preview-header .notification-delete .material-icons, .notification-overlay .notification-popup .notification-items .notification-item .notification-preview-header .notification-delete svg
{
    margin-right: 5px;
    font-size: 15px;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body
{
    font-family: Poppins;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 6em;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body li, .notification-overlay .notification-popup .notification-items .notification-item .notification-body ul
{
    list-style-type: disc!important;
    list-style-position: inside;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body.visible
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-line-clamp: unset;
    overflow: visible;
    max-height: 1000px;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body.visible .banner
{
    display: block;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body .banner
{
    display: none;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    margin: 20px auto;
    border-radius: 10px;
    overflow: hidden;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body .banner img
{
    width: 100%;
    height: auto;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body .banner .buttons
{
    width: 100%;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body .banner .buttons .button
{
    margin-top: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff;
    cursor: pointer;
    height: 40px;
    padding: 0 16px;
    min-width: 96px;
    border-radius: 8px;
    background: var(--btnBgColor);
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-body .banner .buttons .button:hover
{
    background-color: #00aaeb;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-footer
{
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-date
{
    font-family: Poppins;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #d2c9c9;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-view-less, .notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-view-more
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    display: none;
    height: 36px;
    padding: 0 16px;
    min-width: 96px;
    border-radius: 8px;
    background: var(--btnBgColor);
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-view-less .material-icons, .notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-view-more .material-icons
{
    font-size: 20px;
    margin-left: 5px;
    display: none;
}
.notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-view-less.visible, .notification-overlay .notification-popup .notification-items .notification-item .notification-footer .notification-view-more.visible
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.push-notifications .popup
{
    border-top: 0!important;
}
.push-notifications .push-notification
{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 400px;
    -webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,.08)) drop-shadow(0 .5px 1.5px rgba(0,0,0,.08)) drop-shadow(0 2px 3px rgba(0,0,0,.06));
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.08)) drop-shadow(0 .5px 1.5px rgba(0,0,0,.08)) drop-shadow(0 2px 3px rgba(0,0,0,.06));
    background: #1e1d1d;
    border-radius: 8px;
}
.push-notifications .push-notification img
{
    width: 100%;
    height: auto;
    margin-bottom: 8px;
}
.push-notifications .push-notification .date
{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #d2c9c9;
    margin-bottom: 8px;
    padding: 0 20px;
}
.push-notifications .push-notification .title
{
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 10px;
}
.push-notifications .push-notification .preview
{
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 20px;
}
.push-notifications .push-notification .buttons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0 20px;
    padding-bottom: 15px;
}
.push-notifications .push-notification .buttons .button
{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #131314;
    border: 1px solid #3c3c3c;
    border-radius: 4px;
    width: 50%;
    height: 30px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    color: #fff;
}
.push-notifications .push-notification .buttons .button.view-more
{
    background: var(--btnBgColor);
}
.push-notifications .push-notification .buttons .button:hover
{
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}
.full-push-notification .popup
{
    width: 580px;
    border-top: none;
    border-radius: 10px;
    background: #1e1d1d;
}
.full-push-notification .popup *
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.full-push-notification .popup img
{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.full-push-notification .popup .title
{
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 14px;
}
.full-push-notification .popup .body
{
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 30px;
}
.full-push-notification .popup .date
{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 0 20px;
    color: #d2c9c9;
    margin-bottom: 10px;
}
.full-push-notification .popup .buttons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0 20px;
    padding-bottom: 15px;
}
.full-push-notification .popup .buttons .button
{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #131314;
    border: 1px solid #3c3c3c;
    border-radius: 4px;
    width: 50%;
    height: 40px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    color: #fff;
    background: var(--btnBgColor);
}
.full-push-notification .popup .buttons .button:hover
{
    background: var(--btnBgColor);
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}
@media screen and (max-width: 1600px)
{
    html
    {
        font-size: .82vw;
    }
}
@media screen and (max-width: 1400px)
{
    html
    {
        font-size: 13px;
    }
}
@media screen and (max-width: 1200px)
{
    html
    {
        font-size: 10px;
    }
}
@media screen and (max-width: 1000px)
{
    html
    {
        font-size: 12px;
    }
}
@media screen and (max-width: 1366px)
{
    header .container nav ul li
    {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important;
    }
    header .container nav ul li a
    {
        padding: 0 .6125rem!important;
    }
}
@media screen and (max-width: 1024px)
{
    header .container nav ul li a
    {
        padding: 0;
        font-size: .8313rem;
    }
    header .container nav ul
    {
        min-width: 45rem;
    }
    header .container a.logo
    {
        margin-right: 1rem;
    }
    header .container .check-auth
    {
        min-width: 23.7rem;
    }
}
@media screen and (max-width: 768px)
{
    html
    {
        font-size: 9px!important;
    }
    main .categories-wrapper .logos
    {
        padding: 1.5rem 2.2143rem 1.4286rem 2.2143rem!important;
    }
    main form.content .fields .half ul li:not(.firstName-lastName) select
    {
        padding-left: .0875rem!important;
    }
    main form.content .fields .half ul li.firstName-lastName ul
    {
        width: 49%!important;
    }
    main form.content .fields .half ul li:not(.firstName-lastName)
    {
        width: 100%!important;
    }
    main .company-filters ul li .icon
    {
        height: 2.5625rem!important;
        -webkit-transform: scale(.8)!important;
        transform: scale(.8)!important;
        width: 4.18222rem!important;
    }
    main .middle ul.category-games>li .gamesComponent h1
    {
        margin-left: 2.2857rem!important;
        font-size: 1.7857rem!important;
    }
    main .middle ul.category-games>li .gamesComponent .games-wrapper
    {
        padding: 2.5rem .7857rem!important;
        grid-gap: .9857rem!important;
    }
    main .other-filters .center .search-bar input
    {
        width: 7.7143rem!important;
    }
    main .other-filters .slot-categories ul
    {
        grid-gap: .7625rem;
    }
    main .other-filters .slot-categories
    {
        overflow-y: scroll!important;
    }
    main .categories-wrapper .logos ul li img
    {
        max-height: 1.925rem!important;
    }
    header .container .check-auth .authorize
    {
        padding-left: 1.75rem!important;
    }
}
@media screen and (max-width: 1000px)
{
    header .container nav
    {
        overflow: visible!important;
    }
    header .container .check-auth
    {
        width: 17rem!important;
        min-width: unset!important;
    }
    header .container .check-auth .authorize
    {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    header .container .check-auth .authorize .btn
    {
        margin-left: 0!important;
        margin-top: .6rem;
    }
    main form.content .fields .half ul li:not(.firstName-lastName).mobile select
    {
        width: 40%!important;
    }
}
:root
{
    --brandColor: #1ee7a6;
    --gradient: linear-gradient(89deg,#fc4547 .5%,#ff6d44 99.58%);
    --yellow: #ffef4f;
    --componentsBorderRadius: 5px;
}
html
{
    font-size: 62.5%;
}
html.dark-mode
{
    --btnBgColor: #1ee7a6;
    --btnTextColor: #001c2d;
    --sliderBoxShadowColor: rgba(0,28,45,.77);
    --textColor: #fff;
    --textColorOpacity: rgba(255,255,255,.5);
    --textColorOnBrandColor: #001c2d;
    --pageBgColor: #001c2d;
    --inputBgColor: #001c2d;
    --smallElementsBgColor: #1ee7a6;
    --componentsBgColor: #001c2d;
    --componentsThinBorder: .5px solid rgba(30,231,166,.2);
    --componentsThickBorder: 1px solid rgba(30,231,166,.5);
    --componentsFadedBorder: 1px solid rgba(30,231,166,.15);
    --placeholderColor: rgba(255,255,255,.5);
    --noDataBgColor: #00263d;
    --noDataTextColor: #fff;
    --customScrollbarBgColor: #001c2d;
    --headerTopRowBgColor: #001c2d;
    --headerBottomRowBgColor: #012033;
    --headerIconsBgColor: #00263d;
    --headerNotificationsCountBgColor: #00263d;
    --headerNotificationsCountBorderColor: #1ee7a6;
    --headerTextColor: #fff;
    --headerCurrencyStrColor: #1ee7a6;
    --headerDropdownBgColor: #001c2d;
    --headerThemeTextBgColor: #001c2d;
    --headerThemeTextColor: rgba(255,255,255,.5);
    --mainBgColor: #001c2d;
    --mainTitleTextColor: #fff;
    --mainPageShadow: linear-gradient(270deg,#001c2d 27.54%,rgba(0,28,45,0) 97.73%);
    --mainHeaderBottomRowBgColor: #00263d;
    --mainHotGamesRtpTextColor: #fd4a46;
    --mainHotColdGamesRtpBgColor: rgba(1,32,51,.8);
    --mainColdGamesRtpTextColor: #43aefc;
    --mainSwiperDisabledArrow: #fff;
    --mainSwiperArrowActive: #1ee7a6;
    --mainSwiperArrowActiveFilter: brightness(0) invert(91%) sepia(99%) saturate(3991%) hue-rotate(79deg) brightness(100%) contrast(81%);
    --mainComponentsBgColor: #002338;
    --casinoComponentsBgColor: #012033;
    --casinoInputBgColor: #001c2d;
    --userPageBgColor: #012033;
    --userInfoTextColor: rgba(255,255,255,.5);
    --userVerificationBtnBgColor: #3e3e46;
    --affiliateBtnBgColor: #1ee7a6;
    --affiliateBtnTextColor: #001c2d;
    --affiliateComponentsBgColor: #012033;
    --affiliateInputPlaceholderColor: rgba(255,255,255,.5);
    --affiliateSectionBgColor: #012033;
    --affiliateCommissionPlanBgColor: #001827;
    --affiliateBoxShadow: 0px 10px 40px 0px rgba(0,0,0,.25);
    --affiliateProductBgColor: #001c2d;
    --affiliateTestimonialBoxShadow: 0px 0px 20px 0px rgba(0,0,0,.25);
    --affiliateProductBoxShadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    --affiliateHeaderBoxShadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    --affiliateInputBorder: 1px solid rgba(255,255,255,.5);
    --affiliateCheckboxBgColor: #1ee7a6;
    --affiliateComponentShadow: linear-gradient(270deg,#012033 0%,rgba(1,32,51,0) 100%);
    --promosTextColor: #fff;
    --bonusInputBgColor: #012033;
    --bonusProgressBarBgColor: rgba(255,255,255,.1);
    --bonusProgressBarNumsBgColor: #001827;
    --notificationsComponentsBgColor: #012033;
    --notificationsTextColor: #899cc3;
    --transactionSuccessColor: #1ee7a6;
    --transactionPendingColor: #f2be10;
    --transactionCanceledColor: #fd4a46;
    --footerPaymentsBgColor: #001c2d;
    --contactOptionShadow: linear-gradient(0deg,#001c2d 0%,rgba(0,28,45,0) 69.02%);
    --dashboardHeadBoxBgColor: #012c46;
}
html.light-mode
{
    --btnBgColor: #a4c02e;
    --btnTextColor: #fff;
    --sliderBoxShadowColor: rgba(234,234,234,.77);
    --textColor: #001c2d;
    --textColorOpacity: rgba(0,28,45,.5);
    --textColorOnBrandColor: #fff;
    --pageBgColor: #ededed;
    --inputBgColor: #fff;
    --smallElementsBgColor: #fd4a46;
    --componentsBgColor: #ededed;
    --componentsThinBorder: .5px solid rgba(253,74,70,.2);
    --componentsThickBorder: 1px solid rgba(253,74,70,.8);
    --componentsFadedBorder: 1px solid rgba(253,74,70,.15);
    --placeholderColor: rgba(0,28,45,.3);
    --noDataBgColor: #fff;
    --noDataTextColor: #001c2d;
    --customScrollbarBgColor: #ededed;
    --headerTopRowBgColor: #fff;
    --headerBottomRowBgColor: #e3e3e3;
    --headerIconsBgColor: #e3e3e3;
    --headerNotificationsCountBgColor: #e3e3e3;
    --headerNotificationsCountBorderColor: #fd4a46;
    --headerTextColor: #001827;
    --headerCurrencyStrColor: #fd4a46;
    --headerDropdownBgColor: #ededed;
    --headerThemeTextBgColor: #c8c8c8;
    --headerThemeTextColor: #001827;
    --mainBgColor: #fff;
    --mainTitleTextColor: #001827;
    --mainPageShadow: linear-gradient(270deg,#ededed 27.54%,rgba(237,237,237,0) 97.73%);
    --mainHeaderBottomRowBgColor: #e3e3e3;
    --mainHotGamesRtpTextColor: #fd4a46;
    --mainHotColdGamesRtpBgColor: rgba(1,32,51,.8);
    --mainColdGamesRtpTextColor: #43aefc;
    --mainSwiperDisabledArrow: #001827;
    --mainSwiperArrowActive: #fd4a46;
    --mainComponentsBgColor: #e3e3e3;
    --casinoComponentsBgColor: #e3e3e3;
    --casinoInputBgColor: #fff;
    --userPageBgColor: #e3e3e3;
    --userInfoTextColor: rgba(0,28,45,.7);
    --userVerificationBtnBgColor: #cbcbcb;
    --affiliateBtnBgColor: #e3e3e3;
    --affiliateBtnTextColor: #001c2d;
    --affiliateComponentsBgColor: #e3e3e3;
    --affiliateInputPlaceholderColor: rgba(0,28,45,.5);
    --affiliateSectionBgColor: #e3e4e4;
    --affiliateCommissionPlanBgColor: #ededed;
    --affiliateBoxShadow: 0px 10px 40px 0px rgba(0,0,0,.25);
    --affiliateProductBgColor: #e3e4e4;
    --affiliateTestimonialBoxShadow: 0px 0px 20px 0px rgba(0,0,0,.25);
    --affiliateProductBoxShadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    --affiliateHeaderBoxShadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    --affiliateInputBorder: 1px solid rgba(0,28,45,.5);
    --affiliateCheckboxBgColor: #fff;
    --affiliateComponentShadow: linear-gradient(270deg,#e3e3e3 0%,rgba(227,227,227,0) 100%);
    --promosTextColor: #fff;
    --bonusInputBgColor: #fff;
    --bonusProgressBarBgColor: rgba(0,28,45,.1);
    --bonusProgressBarNumsBgColor: #fff;
    --notificationsComponentsBgColor: #fff;
    --notificationsTextColor: #213d50;
    --transactionSuccessColor: #a4c02e;
    --transactionPendingColor: #d5a400;
    --transactionCanceledColor: #fd4a46;
    --footerPaymentsBgColor: #c8c8c8;
    --contactOptionShadow: linear-gradient(0deg,#ededed 0%,rgba(237,237,237,0) 69.02%);
    --dashboardHeadBoxBgColor: var(--pageBgColor);
}