.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset "UTF-8";

.slick-loading .slick-list {
    background: #fff url(ajax-loader.0b80f665935ef7de.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(slick.25572f22d77029da.eot);
    src: url(slick.25572f22d77029da.eot?#iefix) format("embedded-opentype"), url(slick.653a4cbba6e1a2b3.woff) format("woff"), url(slick.6aa1ee46202fac6e.ttf) format("truetype"), url(slick.f895cfdf693e6229.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\2190"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\2192"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.caspor-deposit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 16px;
    background-color: #f90
}

.caspor-deposit-btn__icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/icons/wallet-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.banner-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    margin-left: 12px;
    padding: 0;
    border: none;
    border-radius: 16px;
    background-color: #0003;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    cursor: pointer;
    transition: all .3s
}

.banner-info:before {
    content: "i";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    transition: all .3s
}

.banner-info:hover:before {
    border: 1px solid rgba(255, 153, 0, .3);
    color: #f90;
    transition: all .3s
}

@media (max-width: 1279px) {
    .banner-info:hover:before {
        border: 1px solid rgba(255, 255, 255, .3);
        color: #fff
    }
}

@media (max-width: 767px) {
    .banner-info {
        width: 60px;
        height: 60px
    }
}

button {
    -webkit-tap-highlight-color: transparent
}

.caspor-main-container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 104px 72px 0
}

@media (max-width: 1439px) {
    .caspor-main-container {
        padding: 84px 72px 0
    }
}

@media (max-width: 767px) {
    .caspor-main-container {
        padding: 60px 72px 0
    }
}

.flag-and-code {
    display: inline-flex;
    align-items: center
}

.flag-and-code__container {
    padding: 3px 12px 0 !important
}

@media (max-width: 767px) {
    .flag-and-code__container {
        padding: 0 12px !important
    }
}

.flag-and-code img {
    width: 32px;
    height: 20px;
    object-fit: cover;
    object-position: center
}

.flag-and-code span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: 13px
}

.wide-filter .modal-dialog {
    width: calc(100% - 32px) !important;
    margin: 0 16px
}

.wide-filter .modal-dialog .modal-content {
    width: 100% !important
}

body.mobile-menu-opened {
    width: 100%;
    height: 100%;
    overflow: hidden !important
}

.date-cell {
    white-space: nowrap
}

.full_width {
    float: left;
    width: 100%
}

.flexible {
    display: flex;
    align-items: center
}

.slick-dots {
    bottom: 0 !important
}

.slick-dots li {
    width: 15px !important;
    height: 15px !important;
    margin: 0 2px !important
}

.slick-dots li:not(.slick-active):hover button:before {
    border: 1px solid #0a9e85;
    background: var(--slick-dots-hover-background-color, #dbedff)
}

.slick-dots li.slick-active button:before {
    background: #ffffff !important
}

.slick-dots li button:before {
    content: "" !important;
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #ffffff;
    border-radius: 10px;
    opacity: 1 !important
}

.slick-prev:before,
.slick-next:before {
    content: " " !important
}

.slick-next:before {
    display: block;
    width: 20px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.slick-prev:before {
    display: block;
    width: 20px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.slick-prev,
.slick-next {
    top: 50% !important;
    height: 57px !important;
    transform: translateY(-50%)
}

.slick-prev:hover:before,
.slick-next:hover:before {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%)
}

.slick-next {
    right: 2% !important
}

.slick-prev {
    left: 2% !important;
    z-index: 99999999
}

@media only screen and (max-width: 1200px) {

    .slick-prev,
    .slick-next {
        display: none !important
    }
}

:root {
    --history-time-filter-color: #000000;
    --m-account-statement-title-color: #000000;
    --m-betslip-background-color: #000000;
    --m-deposit-selected-payment-border-color: #1376f8;
    --m-forgot-password-button-background-color: #19212c;
    --m-history-table-title-color: #000000;
    --m-menu-item-border-color: #ffffff;
    --m-menu-item-border-size: #ffffff;
    --m-payment-img-border-color: transparent;
    --m-settings-add-button-background-color: #c02c5d;
    --m-settings-button-active-background-color: #27e04d;
    --m-settings-button-background-color: #36b550;
    --m-settings-button-text-color: #ffffff;
    --m-user-account-text-color: #e2d7d7;
    --m-user-settings-getTab: #929292;
    --m-user-settings-labels: #929292;
    --m-user-settings-selects: #dadbe0;
    --m-user-settings-selects-color: #5b5d67;
    --m-user-terms-background-color: #100718;
    --m-user-views-background-color: #100718;
    --m-user-views-title-color: #dadbe0;
    --mobile-btn-background-color: linear-gradient(to bottom, #3c1029, #d15982);
    --mobile-info-section-background-color: #100718;
    --mobile-info-section-text-color: #dadbe0;
    --mobile-info-section-title-color: #dadbe0;
    --mobile-status-lost-background-color: #7c7c7c;
    --mobile-status-lost-color: #ea5454;
    --mobile-status-won-background-color: #7c7c7c;
    --mobile-status-won-color: #36b550;
    --terms-conditions-color: #ffffff !important;
    --account-big-gap: 24px;
    --account-content-header-font-size: 16px;
    --account-content-header-underline-bg: linear-gradient(180deg, #48628E 0%, #111723 100%);
    --account-content-header-underline-margin-bottom: 24px;
    --account-content-header-underline-margin-top: 10px;
    --account-content-header-underline-shadow: 0 4px 8px rgba(0, 0, 0, .94);
    --account-content-item-bg-color: #c02c5d;
    --account-content-item-color: #fff;
    --account-content-item-font-size: 14px;
    --account-content-item-font-weight: 400;
    --account-content-item-min-height: 188px;
    --account-content-item-padding: 24px;
    --account-content-item-padding-bottom: 16px;
    --account-content-item-padding-left: 14px;
    --account-content-item-padding-right: 14px;
    --account-content-item-padding-top: 16px;
    --account-content-item-selected-bg-color: #384F75;
    --account-content-row-paddding: 20px;
    --account-dropdown-label-color: #ede1e1;
    --account-info-width: 373px;
    --account-item-sublist-font-size: 16px;
    --account-item-sublist-padding-top: 6px;
    --account-item-title-bg-color: transparent;
    --account-item-title-font-size: 14px;
    --account-item-title-hover-bg: #0052BE;
    --account-item-title-icon-height: 24px;
    --account-item-title-icon-width: 24px;
    --account-item-title-padding-bottom: 13px;
    --account-item-title-padding-left: 20px;
    --account-item-title-padding-right: 20px;
    --account-item-title-padding-top: 13px;
    --account-item-title-selected-bg-color: rgba(26, 56, 164, .2);
    --account-main-bg-color: rgba(26, 56, 164, .2);
    --account-middle-gap: 12px;
    --account-payment-amount-color: rgba(232, 217, 12, .85);
    --account-payment-amount-font-size: 14px;
    --account-payment-system-margin: 20px;
    --account-small-gap: 6px;
    --account-submenu-item-border-bottom-color: #131A2C;
    --account-submenu-item-margin-left: 20px;
    --account-submenu-item-margin-right: 20px;
    --account-submenu-item-padding-bottom: 16px;
    --account-submenu-item-padding-top: 16px;
    --accoutPage-Dpd-background-color: #2a303d;
    --accoutPage-Dpd-checked-background-color: #36b550;
    --accoutPage-Dpd-checked-color: #fff;
    --accoutPage-Dpd-color: #ffffff;
    --acount-info-color: #213454;
    --activate-bonus-btn-background-color: #1376f8;
    --activate-bonus-btn-bg: linear-gradient(180deg, #1376F8 0%, #0A254A 100%);
    --activate-bonus-btn-width: 180px;
    --av-user-info-background-down: #134fa0;
    --av-user-info-background-up: #1565cf;
    --bonus-info-bg: #3B5175;
    --bonus-name-max-width: 450px;
    --bonuses-block-section-height: 538px;
    --btn-bottom-background-color: #194074;
    --btn-top-background-color: #1376f8;
    --deposit-info-border-color: #DBEDFF;
    --enter-payment-info-width: 590px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --friends-block-section-height: 530px;
    --history-block-head-bg: none;
    --history-block-head-color: rgba(255, 255, 255, .5);
    --history-block-section-bg: transparent;
    --history-select-padding: 12px 16px;
    --history-select-width: 234px;
    --history-tools-distacne: 8px;
    --history-tools-margin-bottom: 28px;
    --left-menu-arrow-color: #000;
    --left-menu-padding-bottom: 23, 5px;
    --left-menu-padding-left: 15px;
    --left-menu-padding-right: 15px;
    --left-menu-padding-top: 23, 5px;
    --loader-background-color: #FFFFFF;
    --payment-betshop-list-hover-color: #5259A1;
    --payment-betshop-list-selected-background-color: #394085;
    --payment-button-background-gradient-first-color: #3c1029;
    --payment-button-background-gradient-second-color: #d15982;
    --payment-inpt-placeholder: rgba(255, 255, 255, .6);
    --payment-item-hover-border-color: #000000;
    --payment-section-content-width: 755px;
    --payment-system-info-color: #FF5E5E;
    --self-limitation-background-color: #c7c5c5;
    --settings-button-gradient-active-first-color: #36b550;
    --settings-button-gradient-active-second-color: #177b66;
    --settings-button-gradient-first-color: #4383B7;
    --settings-button-gradient-second-color: #1D71B8;
    --settings-button-text-color: #FEFEFE;
    --settings-left-menu-background-color: #222d3e;
    --settings-left-menu-item-active-background-color: #464646;
    --settings-left-menu-item-active-text-color: #FFFFFF;
    --settings-left-menu-item-text-color: #FFFFFF;
    --settings-left-menu-item-title-text-color: #6B6B6B;
    --settings-tab-bar-background-active-color: #efefef;
    --settings-tab-bar-background-color: #F4F4F4;
    --settings-tab-item-active-color: #36b54f;
    --settings-table-border-color: #000000;
    --settings-table-header-background-color: #dadbe0;
    --settings-table-header-text-color: #3F3F3F;
    --settings-table-row-background-color: #c02c5d;
    --settings-table-scrollbar-thumb: #dadbe0;
    --settings-table-scrollbar-track: #058f80;
    --settings-table-tr-color: #3F3F3F;
    --show-btn-background-color: #3c1029;
    --show-btn-color: #ffffff;
    --status-cashouted-color: #000000;
    --status-deleted-color: #3291a8;
    --status-lost-color: #d63f24;
    --status-Won-color: #0ee640;
    --ticket-delete-display-events: block;
    --tickets-block-section-height: 595px;
    --user-radio-unchecked-color: #131A2C;
    --user-right-panel-background-color: transparent;
    --user-right-panel-padding: 16px;
    --user-scrollbar-thumb-color: #DBEDFF;
    --user-view-size-width: auto;
    --banner--action-text-color: #ffffff;
    --banner-content-description-color: #0c6be8;
    --banner-content-description-font-size: 48px;
    --banner-content-left: 24px;
    --banner-description-color: #dbedff;
    --banner-description-font-size: 40px;
    --bet-info-scrollbar-thumb-background-color: #ffffff;
    --bet-info-scrollbar-track-background-color: #ffffff;
    --common-box-border-color: #0fa989;
    --field-label-bonus-name-color: #000000;
    --field-label-text-colo: #000000;
    --forgot-password-label-background-color: #1d2e4a;
    --forgot-password-section-min-height: 572px;
    --icon-timezone-font-size: 16px;
    --icon-timezone-margin-right: 12px;
    --login-info-background-color: #0fa989;
    --login-placeholder-color: #919191;
    --logOut-Info-background-color: #00a99d;
    --m-common-background-color: rgb(16, 7, 24);
    --m-forgot-password-text-color: #ffffff;
    --m-homepage-banner-height: 418px;
    --m-language-drop-down-background-color: #100718;
    --m-language-drop-down-content-color: #101824;
    --m-language-drop-down-open-background-color: #222d3e;
    --m-menu-item-text-color: #C02C5D;
    --m-product-background-color: #101824;
    --m-promotion-title-color: #155fbf;
    --m-register-sign-in-background-color: #10ab8a;
    --m-register-sign-up-background-color: #fb4f7b;
    --m-settings-field-label-color: #ffffff;
    --m-user-common-input-color: #000000;
    --m-user-settings-labels-color: #000000;
    --mobile-field-label-color: #ede1e1;
    --page-form-field-text-color: #000000;
    --page-form-title-color: #000000;
    --pagination-selected-background-color: #10ab8a;
    --pagination-selected-text-color: #ffffff;
    --pagination-text-color: #0fa989;
    --payments-info-header-background-color: #131a2c;
    --promotion-filter-btn-gredient-first-color: #c02c5d;
    --promotion-filter-btn-gredient-second-color: #c02c5d;
    --promotion-item-background-color: #170a23;
    --promotion-title-color: #c02c5d;
    --recovery-button-background-gradient-first-color: #08131d;
    --recovery-button-background-gradient-second-color: #1c344a;
    --recovery-success-message-color: #5574a7;
    --referral-link-text-color: #000000;
    --responce-loader-background-color: #222d3e;
    --scrollbar-thumb-color: #283341;
    --scrollbar-thumb-hover-color: #5b6b84;
    --scrollbar-track-color: #19212c;
    --select-background-color: #2a303d;
    --send-email-button-background-color: #0c6ce8;
    --slick-dots-hover-background-color: #dbedff !important;
    --terms_title-color: #0c6be8;
    --text-color: #7f8799;
    --timezone-text-color: #ececec;
    --timezone-text-font-size: 14px;
    --ft-contacts-style1-margin-bottom: 70px;
    --ft-contacts-style1-margin-right: 13px;
    --ft-contacts-style1-margin-top: 24px;
    --ft-images-style1-margin-left: 4px;
    --ft-images-style1-margin-right: 4px;
    --ft-images-style2-background-color: #e8155b;
    --ft-images-style2-margin-left: 2px;
    --ft-images-style2-margin-right: 2px;
    --ft-text-style1-border-bottom-color: #842545;
    --ft-text-style1-border-bottom-width: 1px;
    --ft-text-style1-border-style: solid;
    --ft-text-style1-border-top-color: #842545;
    --ft-text-style1-border-top-width: 1px;
    --ft-text-style2-color: #c02c5d;
    --about_us_title-font-size: 24px;
    --about_us_title-font-weight: 700;
    --contact-us_content-font-size: 16px;
    --contact-us_content-font-weight: normal;
    --contact-us_title-font-size: 24px;
    --contact-us_title-font-weight: 700;
    --footer-background-color: #170a23;
    --footer-column--item-align: left;
    --footer-column-active-text-color: #0FA989;
    --footer-column-item-color: rgba(255, 255, 255, .76);
    --footer-column-text-color: #bbbbbb;
    --footer-column-title-margin-right: 18px;
    --footer-column-title-text-color: #FFFFFF;
    --footer-column_item-font-size: 16px;
    --footer-column_item-font-weight: normal;
    --footer-column_title-font-size: 14px;
    --footer-column_title-font-weight: normal;
    --footer-height: 550px;
    --footer-info-text-color: #FFFFFF;
    --footer-open-button-active-background-color: #170a23;
    --footer-open-button-active-border-color: #ebff00;
    --footer-open-button-background-color: #170a23;
    --footer-section-content-background-color: #ffffff;
    --footer-sections_content-color: #fff;
    --footer-sections_content-font-size: 16px;
    --footer-sections_content-font-weight: normal;
    --footer-top-section-width: 80%;
    --ft-contacts-style1-color: #fff;
    --m-footer-background-color: #170a23;
    --m-footer-column-item-color: rgba(255, 255, 255, .76);
    --m-forgot-password-footer-background-color: #19212b;
    --mobile-footer-background-color: #1a0c26;
    --terms_title-font-size: 25px;
    --terms_title-font-weight: bold;
    --casino-layout-icon-hover-color: #0ca287;
    --casino-layout-icon-selected-color: #ebff00;
    --play-real-button-background-color: #206f52;
    --play-real-button-text-color: #fff;
    --product-background-color: #100718;
    --product-demo-button-background-color: #f44c76;
    --product-heart-icon-color: #f91d1d;
    --product-item-template2-background-color: #1a2c48;
    --product-navigation-tab-active-color: #9F7299;
    --product-navigation-tab-active-item-hover-color: #FFFFFF;
    --product-navigation-tab-color: #ffffff;
    --product-navigation-tab-hover-color: #FFFFFF;
    --product-real-button-background-color: #099884;
    --product-tab-background-color: #EBFF00;
    --product-tab-item-active-background-color: #EBFF00;
    --product-window-action-background-color: #222d3e;
    --provider-active-border: #ebff00;
    --providers-gradient-first-color: #170a23;
    --providers-gradient-second-color: #170a23;
    --search-field-background-color: #170a23;
    --search-icon-gradient-first-color: #ebff00;
    --search-icon-gradient-second-color: #6e7704;
    --selected-provider-label-color: #C02C5D;
    --button-style1-active-background-color: transparent;
    --button-style1-active-background-image: -webkit-linear-gradient(90deg, #C02C5D 0, #C02C5D 100%);
    --button-style1-active-border-bottom-color: transparent;
    --button-style1-active-border-bottom-left-radius: 3px;
    --button-style1-active-border-bottom-right-radius: 3px;
    --button-style1-active-border-bottom-style: none;
    --button-style1-active-border-left-color: transparent;
    --button-style1-active-border-left-style: none;
    --button-style1-active-border-left-width: 0;
    --button-style1-active-border-right-color: transparent;
    --button-style1-active-border-right-style: none;
    --button-style1-active-border-right-width: 0;
    --button-style1-active-border-top-color: transparent;
    --button-style1-active-border-top-left-radius: 3px;
    --button-style1-active-border-top-right-radius: 3px;
    --button-style1-active-border-top-style: none;
    --button-style1-active-border-top-width: 0;
    --button-style1-background-color: transparent;
    --button-style1-background-image: linear-gradient(to bottom, #C02C5D, #C02C5D);
    --button-style1-border-bottom-color: transparent;
    --button-style1-border-bottom-left-radius: 6px;
    --button-style1-border-bottom-right-radius: 6px;
    --button-style1-border-bottom-style: none;
    --button-style1-border-bottom-width: 0;
    --button-style1-border-left-color: transparent;
    --button-style1-border-left-style: none;
    --button-style1-border-left-width: 0;
    --button-style1-border-right-color: transparent;
    --button-style1-border-right-style: none;
    --button-style1-border-right-width: 0;
    --button-style1-border-top-color: transparent;
    --button-style1-border-top-left-radius: 6px;
    --button-style1-border-top-right-radius: 6px;
    --button-style1-border-top-style: none;
    --button-style1-border-top-width: 0;
    --button-style1-color: #ffffff;
    --button-style1-dropdown-icon-color: transparent;
    --button-style1-font-family: SegoeUI;
    --button-style1-font-size: 16px;
    --button-style1-hover-background-color: none;
    --button-style1-hover-background-image: linear-gradient(to bottom, #C02C5D, #C02C5D);
    --button-style1-hover-border-bottom-color: transparent;
    --button-style1-hover-border-bottom-left-radius: 3px;
    --button-style1-hover-border-bottom-right-radius: 3px;
    --button-style1-hover-border-bottom-style: none;
    --button-style1-hover-border-left-color: transparent;
    --button-style1-hover-border-left-style: none;
    --button-style1-hover-border-left-width: 0;
    --button-style1-hover-border-right-color: transparent;
    --button-style1-hover-border-right-style: none;
    --button-style1-hover-border-right-width: 0;
    --button-style1-hover-border-top-color: transparent;
    --button-style1-hover-border-top-left-radius: 3px;
    --button-style1-hover-border-top-right-radius: 3px;
    --button-style1-hover-border-top-style: none;
    --button-style1-hover-border-top-width: 0;
    --button-style1-hover-color: transparent;
    --button-style1-icon-color: transparent;
    --button-style1-margin-bottom: 0;
    --button-style1-margin-left: 16px;
    --button-style1-margin-right: 5px;
    --button-style1-margin-top: 0;
    --button-style1-min-width: 100px;
    --button-style1-padding-bottom: 0;
    --button-style1-padding-left: 0;
    --button-style1-padding-righ: 0;
    --button-style1-padding-top: 0;
    --button-style1-second-text-color: transparent;
    --button-style1-submenu-item-background-color: transparent;
    --button-style1-submenu-item-before-border-bottom-color: transparent;
    --button-style1-submenu-item-before-border-bottom-style: 0;
    --button-style1-submenu-item-before-border-bottom-width: 0;
    --button-style1-submenu-item-before-border-left-color: transparent;
    --button-style1-submenu-item-before-border-left-style: none;
    --button-style1-submenu-item-before-border-left-width: 0;
    --button-style1-submenu-item-before-border-right-color: transparent;
    --button-style1-submenu-item-before-border-right-style: none;
    --button-style1-submenu-item-before-border-right-width: 410;
    --button-style1-submenu-item-before-border-top-color: transparent;
    --button-style1-submenu-item-before-border-top-style: none;
    --button-style1-submenu-item-before-border-top-width: 0;
    --button-style1-submenu-item-before-bottom: 50%;
    --button-style1-submenu-item-before-top: -10px;
    --button-style1-submenu-item-color: transparent;
    --button-style1-submenu-item-height: 0;
    --button-style1-submenu-item-li-padding-bottom: 0;
    --button-style1-submenu-item-li-padding-left: 0;
    --button-style1-submenu-item-li-padding-right: 0;
    --button-style1-submenu-item-li-padding-top: 0;
    --button-style1-submenu-item-line-height: 0;
    --button-style1-submenu-item-margin-bottom: 0;
    --button-style1-submenu-item-margin-left: 0;
    --button-style1-submenu-item-margin-right: 0;
    --button-style1-submenu-item-margin-top: 0;
    --button-style1-submenu-item-padding-bottom: 0;
    --button-style1-submenu-item-padding-left: 0;
    --button-style1-submenu-item-padding-right: 0;
    --button-style1-submenu-item-padding-top: 0;
    --button-style1-submenu-left: 50%;
    --button-style1-submenu-top: 0;
    --button-style1-text-color: transparent;
    --button-style1-text-hover-color: transparent;
    --button-style1-type-btn-color: #fffff;
    --button-style1-type-btn-font-weight: 600;
    --button-style1-type-btn-hover-color: #FFF;
    --button-style1-type-btn-item-align: left;
    --button-style1-type-btn-padding-bottom: 20px;
    --button-style1-type-btn-padding-buttom: 12px;
    --button-style1-type-btn-padding-left: 12px;
    --button-style1-type-btn-padding-right: 12px;
    --button-style1-type-btn-padding-top: 20px;
    --button-style1-width: 102px;
    --button-style2-active-background-color: transparent;
    --button-style2-active-background-image: transparent;
    --button-style2-active-border-bottom-color: transparent;
    --button-style2-active-border-bottom-left-radius: 6px;
    --button-style2-active-border-bottom-right-radius: 6px;
    --button-style2-active-border-bottom-style: solid;
    --button-style2-active-border-bottom-width: 0;
    --button-style2-active-border-left-color: transparent;
    --button-style2-active-border-left-style: solid;
    --button-style2-active-border-left-width: 0;
    --button-style2-active-border-right-color: transparent;
    --button-style2-active-border-right-style: solid;
    --button-style2-active-border-right-width: 0;
    --button-style2-active-border-top-color: transparent;
    --button-style2-active-border-top-left-radius: 6px;
    --button-style2-active-border-top-right-radius: 6px;
    --button-style2-active-border-top-style: solid;
    --button-style2-active-border-top-width: 0;
    --button-style2-background-color: transparent;
    --button-style2-background-image: transparent;
    --button-style2-border-bottom-color: #c02c5d;
    --button-style2-border-bottom-left-radius: 6px;
    --button-style2-border-bottom-right-radius: 6px;
    --button-style2-border-bottom-style: solid;
    --button-style2-border-bottom-width: 1px;
    --button-style2-border-left-color: #c02c5d;
    --button-style2-border-left-style: solid;
    --button-style2-border-left-width: 1px;
    --button-style2-border-right-color: #c02c5d;
    --button-style2-border-right-style: solid;
    --button-style2-border-right-width: 1px;
    --button-style2-border-top-color: #c02c5d;
    --button-style2-border-top-left-radius: 6px;
    --button-style2-border-top-right-radius: 6px;
    --button-style2-border-top-style: solid;
    --button-style2-border-top-width: 1px;
    --button-style2-color: #ffffff;
    --button-style2-dropdown-icon-color: transparent;
    --button-style2-font-family: SegoeUI;
    --button-style2-font-size: 16px;
    --button-style2-hover-background-color: transparent;
    --button-style2-hover-background-image: linear-gradient(to bottom, #c02c5d, #c02c5d 49%, #c02c5d);
    --button-style2-hover-border-bottom-color: transparent;
    --button-style2-hover-border-bottom-left-radius: 6px;
    --button-style2-hover-border-bottom-right-radius: 6px;
    --button-style2-hover-border-bottom-style: none;
    --button-style2-hover-border-bottom-width: 0;
    --button-style2-hover-border-left-color: transparent;
    --button-style2-hover-border-left-style: none;
    --button-style2-hover-border-left-width: 0;
    --button-style2-hover-border-right-color: transparent;
    --button-style2-hover-border-right-style: none;
    --button-style2-hover-border-right-width: 0;
    --button-style2-hover-border-top-color: transparent;
    --button-style2-hover-border-top-left-radius: 6px;
    --button-style2-hover-border-top-right-radius: 6px;
    --button-style2-hover-border-top-style: none;
    --button-style2-hover-border-top-width: 0;
    --button-style2-hover-color: #c02c5d;
    --button-style2-icon-color: transparent;
    --button-style2-margin-bottom: 0;
    --button-style2-margin-left: 0;
    --button-style2-margin-right: 0;
    --button-style2-margin-top: 0;
    --button-style2-min-width: 100px;
    --button-style2-padding-bottom: 0;
    --button-style2-padding-left: 0;
    --button-style2-padding-right: 0;
    --button-style2-padding-top: 0;
    --button-style2-second-text-color: transparent;
    --button-style2-submenu-item-background-color: transparent;
    --button-style2-submenu-item-before-border-bottom-color: transparent;
    --button-style2-submenu-item-before-border-bottom-style: none;
    --button-style2-submenu-item-before-border-bottom-width: 0;
    --button-style2-submenu-item-before-border-left-color: transparent;
    --button-style2-submenu-item-before-border-left-style: none;
    --button-style2-submenu-item-before-border-left-width: 0;
    --button-style2-submenu-item-before-border-right-color: transparent;
    --button-style2-submenu-item-before-border-right-style: none;
    --button-style2-submenu-item-before-border-right-width: 0;
    --button-style2-submenu-item-before-border-top-color: transparent;
    --button-style2-submenu-item-before-border-top-style: none;
    --button-style2-submenu-item-before-border-top-width: 0;
    --button-style2-submenu-item-before-bottom: 50%;
    --button-style2-submenu-item-before-top: -10px;
    --button-style2-submenu-item-color: transparent;
    --button-style2-submenu-item-height: 0;
    --button-style2-submenu-item-li-padding-bottom: 0;
    --button-style2-submenu-item-li-padding-left: 0;
    --button-style2-submenu-item-li-padding-right: 0;
    --button-style2-submenu-item-li-padding-top: 0;
    --button-style2-submenu-item-margin-bottom: 0;
    --button-style2-submenu-item-margin-left: 0;
    --button-style2-submenu-item-margin-right: 0;
    --button-style2-submenu-item-margin-top: 0;
    --button-style2-submenu-item-padding-bottom: 0;
    --button-style2-submenu-item-padding-left: 0;
    --button-style2-submenu-item-padding-right: 0;
    --button-style2-submenu-item-padding-top: 0;
    --button-style2-submenu-left: 50%;
    --button-style2-submenu-top: 0;
    --button-style2-text-color: transparent;
    --button-style2-text-hover-color: transparent;
    --button-style2-type-btn-color: #C02C5D;
    --button-style2-type-btn-font-weight: 600;
    --button-style2-type-btn-hover-color: #ffff;
    --button-style2-type-btn-item-align: left;
    --button-style2-type-btn-padding-bottom: 20px;
    --button-style2-type-btn-padding-left: 0;
    --button-style2-type-btn-padding-right: 0;
    --button-style2-type-btn-padding-top: 20px;
    --button-style2-width: 102px;
    --button-style3-active-background-color: #fff;
    --button-style3-active-background-image: linear-gradient(to bottom, #3c1029, #d15982);
    --button-style3-active-border-bottom-left-radius: 6px;
    --button-style3-active-border-bottom-right-radius: 6px;
    --button-style3-active-border-top-left-radius: 6px;
    --button-style3-active-border-top-right-radius: 6px;
    --button-style3-background-color: linear-gradient(90deg, #3c1029 0px, #3c1029 100%);
    --button-style3-background-image: linear-gradient(to bottom, #3c1029, #d15982);
    --button-style3-border-bottom-left-radius: 6px;
    --button-style3-border-bottom-right-radius: 6px;
    --button-style3-border-top-left-radius: 6px;
    --button-style3-border-top-right-radius: 6px;
    --button-style3-color: #fff;
    --button-style3-font-size: 16px;
    --button-style3-font-weight: 600;
    --button-style3-height: 36px;
    --button-style3-hover-background-color: linear-gradient(90deg, #3c1029 0px, #3c1029 100%);
    --button-style3-hover-border-bottom-left-radius: 6px;
    --button-style3-hover-border-bottom-right-radius: 6px;
    --button-style3-hover-border-top-left-radius: 6px;
    --button-style3-hover-border-top-right-radius: 6px;
    --button-style3-min-width: 80px;
    --button-style3-padding-bottom: 8px;
    --button-style3-padding-left: 5px;
    --button-style3-padding-right: 5px;
    --button-style3-padding-top: 8px;
    --button-style3-type-btn-item-align: center;
    --button-style3-type-btn-padding-bottom: 6px;
    --button-style3-type-btn-padding-buttom: 10px;
    --button-style3-type-btn-padding-left: 33px;
    --button-style3-type-btn-padding-right: 33px;
    --button-style3-type-btn-padding-top: 6px;
    --button-style3-width: 102px;
    --dropdown-style1-background-color: #100718;
    --dropdown-style1-background-image: linear-gradient(to bottom, #100718, #100718);
    --dropdown-style1-border-bottom-color: #c02c5d;
    --dropdown-style1-border-bottom-left-radius: 6px;
    --dropdown-style1-border-bottom-right-radius: 6px;
    --dropdown-style1-border-bottom-style: solid;
    --dropdown-style1-border-bottom-width: 1px;
    --dropdown-style1-border-left-color: #c02c5d;
    --dropdown-style1-border-left-style: solid;
    --dropdown-style1-border-left-width: 1px;
    --dropdown-style1-border-right-color: #c02c5d;
    --dropdown-style1-border-right-style: solid;
    --dropdown-style1-border-right-width: 1px;
    --dropdown-style1-border-top-color: #c02c5d;
    --dropdown-style1-border-top-left-radius: 6px;
    --dropdown-style1-border-top-right-radius: 6px;
    --dropdown-style1-border-top-style: solid;
    --dropdown-style1-border-top-width: 1px;
    --dropdown-style1-color: #c02c5d;
    --dropdown-style1-dropdown-header-image-background-position-x: center;
    --dropdown-style1-dropdown-header-image-background-position-y: center;
    --dropdown-style1-dropdown-header-image-background-repeat: no-repeat;
    --dropdown-style1-dropdown-header-image-background-size: cover;
    --dropdown-style1-dropdown-header-image-height: 17px;
    --dropdown-style1-dropdown-header-image-width: 27px;
    --dropdown-style1-dropdown-header-title-color: #c02c5d;
    --dropdown-style1-dropdown-header-title-font-size: 16px;
    --dropdown-style1-dropdown-header-title-margin-bottom: 0;
    --dropdown-style1-dropdown-header-title-margin-left: 10px;
    --dropdown-style1-dropdown-header-title-margin-right: 3px;
    --dropdown-style1-dropdown-header-title-margin-top: 0;
    --dropdown-style1-dropdown-icon-color: #fff;
    --dropdown-style1-dropdown-icon-font-size: 16px;
    --dropdown-style1-dropdown-icon-margin-bottom: 0;
    --dropdown-style1-dropdown-icon-margin-left: 18px;
    --dropdown-style1-dropdown-icon-margin-right: 0;
    --dropdown-style1-dropdown-icon-margin-top: 0;
    --dropdown-style1-dropdown-left-icon-color: #c02c5d;
    --dropdown-style1-dropdown-left-icon-font-size: 16px;
    --dropdown-style1-dropdown-left-icon-margin-bottom: 0;
    --dropdown-style1-dropdown-left-icon-margin-left: 0;
    --dropdown-style1-dropdown-left-icon-margin-right: 0;
    --dropdown-style1-dropdown-left-icon-margin-top: 0;
    --dropdown-style1-font-size: 16px;
    --dropdown-style1-header-section-background-color: transparent;
    --dropdown-style1-header-section-border-bottom-color: transparent;
    --dropdown-style1-header-section-border-bottom-left-radius: 3px;
    --dropdown-style1-header-section-border-bottom-right-radius: 3px;
    --dropdown-style1-header-section-border-bottom-style: solid;
    --dropdown-style1-header-section-border-bottom-width: 0;
    --dropdown-style1-header-section-border-left-color: transparent;
    --dropdown-style1-header-section-border-left-style: solid;
    --dropdown-style1-header-section-border-left-width: 0;
    --dropdown-style1-header-section-border-right-color: transparent;
    --dropdown-style1-header-section-border-right-style: solid;
    --dropdown-style1-header-section-border-right-width: 0;
    --dropdown-style1-header-section-border-top-color: transparent;
    --dropdown-style1-header-section-border-top-left-radius: 3px;
    --dropdown-style1-header-section-border-top-right-radius: 3px;
    --dropdown-style1-header-section-border-top-style: solid;
    --dropdown-style1-header-section-border-top-width: 0;
    --dropdown-style1-header-section-color: #c02c5d;
    --dropdown-style1-header-section-margin-bottom: 0;
    --dropdown-style1-header-section-margin-left: 0;
    --dropdown-style1-header-section-margin-right: 0;
    --dropdown-style1-header-section-margin-top: 0;
    --dropdown-style1-header-section-padding-bottom: 5px;
    --dropdown-style1-header-section-padding-left: 10px;
    --dropdown-style1-header-section-padding-right: 10px;
    --dropdown-style1-header-section-padding-top: 5px;
    --dropdown-style1-height: 35px;
    --dropdown-style1-hover-background-color: #170a23;
    --dropdown-style1-hover-background-image: none;
    --dropdown-style1-hover-color: #fff;
    --dropdown-style1-margin-bottom: 1px;
    --dropdown-style1-margin-left: 0px;
    --dropdown-style1-margin-right: 24px;
    --dropdown-style1-margin-top: 0;
    --dropdown-style1-menu-btn-background-color: transparent;
    --dropdown-style1-menu-btn-color: #fff;
    --dropdown-style1-menu-btn-font-size: 12px;
    --dropdown-style1-menu-btn-height: 100%;
    --dropdown-style1-menu-btn-margin-bottom: 0;
    --dropdown-style1-menu-btn-margin-left: 0;
    --dropdown-style1-menu-btn-margin-right: 0;
    --dropdown-style1-menu-btn-margin-top: 0;
    --dropdown-style1-menu-btn-padding-bottom: 0;
    --dropdown-style1-menu-btn-padding-left: 0;
    --dropdown-style1-menu-btn-padding-right: 0;
    --dropdown-style1-menu-btn-padding-top: 0;
    --dropdown-style1-menu-btn-text-align: left;
    --dropdown-style1-menu-btn-width: 100%;
    --dropdown-style1-menu-item-background-color: none;
    --dropdown-style1-menu-item-font-size: 14px;
    --dropdown-style1-menu-item-height: 35px;
    --dropdown-style1-menu-item-hover-background-color: #170a23;
    --dropdown-style1-menu-item-hover-color: #c02c5d;
    --dropdown-style1-menu-item-margin-bottom: 0;
    --dropdown-style1-menu-item-margin-left: 0;
    --dropdown-style1-menu-item-margin-right: 0;
    --dropdown-style1-menu-item-margin-top: 0;
    --dropdown-style1-menu-item-min-width: 140px;
    --dropdown-style1-menu-item-padding-bottom: 0;
    --dropdown-style1-menu-item-padding-left: 5px;
    --dropdown-style1-menu-item-padding-right: 5px;
    --dropdown-style1-menu-item-padding-top: 0;
    --dropdown-style1-menu-list-background-color: #170a23;
    --dropdown-style1-menu-list-border-bottom-left-radius: 3px;
    --dropdown-style1-menu-list-border-bottom-right-radius: 3px;
    --dropdown-style1-menu-list-border-top-left-radius: 3px;
    --dropdown-style1-menu-list-border-top-right-radius: 3px;
    --dropdown-style1-menu-list-grid-column-count: 1;
    --dropdown-style1-menu-list-min-width: 150px;
    --dropdown-style1-menu-list-padding-bottom: 10px;
    --dropdown-style1-menu-list-padding-left: 17px;
    --dropdown-style1-menu-list-padding-right: 17px;
    --dropdown-style1-menu-list-padding-top: 10px;
    --dropdown-style1-menu-list-right: 0;
    --dropdown-style1-menu-list-tail-border-bottom-color: transparent;
    --dropdown-style1-menu-list-tail-border-bottom-left-radius: 0;
    --dropdown-style1-menu-list-tail-border-bottom-right-radius: 0;
    --dropdown-style1-menu-list-tail-border-bottom-style: none;
    --dropdown-style1-menu-list-tail-border-bottom-width: 0;
    --dropdown-style1-menu-list-tail-border-left-color: transparent;
    --dropdown-style1-menu-list-tail-border-left-style: solid;
    --dropdown-style1-menu-list-tail-border-left-width: 10px;
    --dropdown-style1-menu-list-tail-border-right-color: transparent;
    --dropdown-style1-menu-list-tail-border-right-style: solid;
    --dropdown-style1-menu-list-tail-border-right-width: 10px;
    --dropdown-style1-menu-list-tail-border-top-color: transparent;
    --dropdown-style1-menu-list-tail-border-top-left-radius: 0;
    --dropdown-style1-menu-list-tail-border-top-right-radius: 0;
    --dropdown-style1-menu-list-tail-border-top-style: solid;
    --dropdown-style1-menu-list-tail-border-top-width: 10px;
    --dropdown-style1-menu-list-tail-height: 0;
    --dropdown-style1-menu-list-tail-margin-bottom: 0;
    --dropdown-style1-menu-list-tail-margin-left: -5px;
    --dropdown-style1-menu-list-tail-margin-right: 0;
    --dropdown-style1-menu-list-tail-margin-top: 0;
    --dropdown-style1-menu-list-tail-right: 20px;
    --dropdown-style1-menu-list-tail-top: -10px;
    --dropdown-style1-menu-list-tail-width: 0;
    --dropdown-style1-menu-list-top: 50px;
    --dropdown-style1-menu-section-header-font-size: 14px;
    --dropdown-style1-menu-section-header-padding-bottom: 0;
    --dropdown-style1-menu-section-header-padding-left: 10px;
    --dropdown-style1-menu-section-header-padding-right: 0;
    --dropdown-style1-menu-section-header-padding-top: 0;
    --dropdown-style1-menu-section-img-height: 18px;
    --dropdown-style1-menu-section-img-width: 28px;
    --dropdown-style1-min-width: 76px;
    --dropdown-style1-padding-bottom: 0;
    --dropdown-style1-padding-left: 1px;
    --dropdown-style1-padding-right: 1px;
    --dropdown-style1-padding-top: 1px;
    --dropdown-style1-transparent-color: #c02c5d;
    --dropdown-style1-width: auto;
    --dropdown-style2-background-color: none;
    --dropdown-style2-background-image: none;
    --dropdown-style2-border-bottom-color: transparent;
    --dropdown-style2-border-bottom-width: 0;
    --dropdown-style2-border-left-color: transparent;
    --dropdown-style2-border-left-style: none;
    --dropdown-style2-border-left-width: 0;
    --dropdown-style2-border-right-color: transparent;
    --dropdown-style2-border-right-style: none;
    --dropdown-style2-border-right-width: 0;
    --dropdown-style2-border-top-color: transparent;
    --dropdown-style2-border-top-style: none;
    --dropdown-style2-border-top-width: 0;
    --dropdown-style2-bottom-left-radius: 0;
    --dropdown-style2-bottom-right-radius: 0;
    --dropdown-style2-bottom-style: none;
    --dropdown-style2-color: #fff;
    --dropdown-style2-dropdown-header-image-background-position-x: center;
    --dropdown-style2-dropdown-header-image-background-position-y: center;
    --dropdown-style2-dropdown-header-image-background-repeat: no-repeat;
    --dropdown-style2-dropdown-header-image-background-size: cover;
    --dropdown-style2-dropdown-header-image-height: 17px;
    --dropdown-style2-dropdown-header-image-width: 27px;
    --dropdown-style2-dropdown-header-title-color: #fff;
    --dropdown-style2-dropdown-header-title-font-size: 16px;
    --dropdown-style2-dropdown-header-title-margin-bottom: 0;
    --dropdown-style2-dropdown-header-title-margin-left: 10px;
    --dropdown-style2-dropdown-header-title-margin-right: 3px;
    --dropdown-style2-dropdown-header-title-margin-top: 0;
    --dropdown-style2-dropdown-icon-color: #fff;
    --dropdown-style2-dropdown-icon-font-size: 16px;
    --dropdown-style2-dropdown-icon-margin-bottom: 0;
    --dropdown-style2-dropdown-icon-margin-left: 5px;
    --dropdown-style2-dropdown-icon-margin-right: 0;
    --dropdown-style2-dropdown-icon-margin-top: 0;
    --dropdown-style2-dropdown-left-icon-color: #fff;
    --dropdown-style2-dropdown-left-icon-font-size: 16px;
    --dropdown-style2-dropdown-left-icon-margin-bottom: 0;
    --dropdown-style2-dropdown-left-icon-margin-left: 0;
    --dropdown-style2-dropdown-left-icon-margin-right: 0;
    --dropdown-style2-dropdown-left-icon-margin-top: 0;
    --dropdown-style2-font-size: 16px;
    --dropdown-style2-header-section-background-color: #222d3e;
    --dropdown-style2-header-section-border-bottom-color: transparent;
    --dropdown-style2-header-section-border-bottom-left-radius: 3px;
    --dropdown-style2-header-section-border-bottom-right-radius: 3px;
    --dropdown-style2-header-section-border-bottom-style: solid;
    --dropdown-style2-header-section-border-bottom-width: 0;
    --dropdown-style2-header-section-border-left-color: transparent;
    --dropdown-style2-header-section-border-left-style: solid;
    --dropdown-style2-header-section-border-left-width: 0;
    --dropdown-style2-header-section-border-right-color: transparent;
    --dropdown-style2-header-section-border-right-style: solid;
    --dropdown-style2-header-section-border-right-width: 0;
    --dropdown-style2-header-section-border-top-color: transparent;
    --dropdown-style2-header-section-border-top-left-radius: 3px;
    --dropdown-style2-header-section-border-top-right-radius: 3px;
    --dropdown-style2-header-section-border-top-style: solid;
    --dropdown-style2-header-section-border-top-width: 0;
    --dropdown-style2-header-section-color: rgb(185, 197, 214);
    --dropdown-style2-header-section-margin-bottom: 0;
    --dropdown-style2-header-section-margin-left: 0;
    --dropdown-style2-header-section-margin-right: 0;
    --dropdown-style2-header-section-margin-top: 0;
    --dropdown-style2-header-section-padding-bottom: 4px;
    --dropdown-style2-header-section-padding-left: 10px;
    --dropdown-style2-header-section-padding-right: 10px;
    --dropdown-style2-header-section-padding-top: 4px;
    --dropdown-style2-height: 27px;
    --dropdown-style2-hover-background-color: #222d3e;
    --dropdown-style2-hover-background-image: #222d3e;
    --dropdown-style2-hover-color: #fff;
    --dropdown-style2-margin-bottom: 0;
    --dropdown-style2-margin-left: 10px;
    --dropdown-style2-margin-right: 0;
    --dropdown-style2-margin-top: 0;
    --dropdown-style2-menu-btn-background-color: transparent;
    --dropdown-style2-menu-btn-color: rgb(185, 197, 214);
    --dropdown-style2-menu-btn-font-size: 16px;
    --dropdown-style2-menu-btn-height: 100%;
    --dropdown-style2-menu-btn-margin-bottom: 0;
    --dropdown-style2-menu-btn-margin-left: 0;
    --dropdown-style2-menu-btn-margin-right: 0;
    --dropdown-style2-menu-btn-margin-top: 0;
    --dropdown-style2-menu-btn-padding-bottom: 0;
    --dropdown-style2-menu-btn-padding-left: 0;
    --dropdown-style2-menu-btn-padding-right: 0;
    --dropdown-style2-menu-btn-padding-top: 0;
    --dropdown-style2-menu-btn-text-align: left;
    --dropdown-style2-menu-btn-width: 100%;
    --dropdown-style2-menu-item-background-color: none;
    --dropdown-style2-menu-item-font-size: 16px;
    --dropdown-style2-menu-item-height: 35px;
    --dropdown-style2-menu-item-hover-background-color: #222d3e;
    --dropdown-style2-menu-item-hover-color: #FFFFFF;
    --dropdown-style2-menu-item-margin-bottom: 0;
    --dropdown-style2-menu-item-margin-left: 0;
    --dropdown-style2-menu-item-margin-right: 0;
    --dropdown-style2-menu-item-margin-top: 0;
    --dropdown-style2-menu-item-min-width: 150px;
    --dropdown-style2-menu-item-padding-bottom: 0;
    --dropdown-style2-menu-item-padding-left: 5px;
    --dropdown-style2-menu-item-padding-right: 5px;
    --dropdown-style2-menu-item-padding-top: 0;
    --dropdown-style2-menu-list-background-color: #101824;
    --dropdown-style2-menu-list-border-bottom-left-radius: 3px;
    --dropdown-style2-menu-list-border-bottom-right-radius: 3px;
    --dropdown-style2-menu-list-border-top-left-radius: 3px;
    --dropdown-style2-menu-list-border-top-right-radius: 3px;
    --dropdown-style2-menu-list-grid-column-count: 1;
    --dropdown-style2-menu-list-min-width: 130px;
    --dropdown-style2-menu-list-padding-bottom: 10px;
    --dropdown-style2-menu-list-padding-left: 10px;
    --dropdown-style2-menu-list-padding-right: 10px;
    --dropdown-style2-menu-list-padding-top: 10px;
    --dropdown-style2-menu-list-right: 0;
    --dropdown-style2-menu-list-tail-border-bottom-color: transparent;
    --dropdown-style2-menu-list-tail-border-bottom-left-radius: 0;
    --dropdown-style2-menu-list-tail-border-bottom-right-radius: 0;
    --dropdown-style2-menu-list-tail-border-bottom-style: none;
    --dropdown-style2-menu-list-tail-border-bottom-width: 0;
    --dropdown-style2-menu-list-tail-border-left-color: transparent;
    --dropdown-style2-menu-list-tail-border-left-style: solid;
    --dropdown-style2-menu-list-tail-border-left-width: 10px;
    --dropdown-style2-menu-list-tail-border-right-color: transparent;
    --dropdown-style2-menu-list-tail-border-right-style: solid;
    --dropdown-style2-menu-list-tail-border-right-width: 10px;
    --dropdown-style2-menu-list-tail-border-top-color: transparent;
    --dropdown-style2-menu-list-tail-border-top-left-radius: 0;
    --dropdown-style2-menu-list-tail-border-top-right-radius: 0;
    --dropdown-style2-menu-list-tail-border-top-style: solid;
    --dropdown-style2-menu-list-tail-border-top-width: 10px;
    --dropdown-style2-menu-list-tail-height: 0;
    --dropdown-style2-menu-list-tail-margin-bottom: 0;
    --dropdown-style2-menu-list-tail-margin-left: -5px;
    --dropdown-style2-menu-list-tail-margin-right: 0;
    --dropdown-style2-menu-list-tail-margin-top: 0;
    --dropdown-style2-menu-list-tail-right: 20px;
    --dropdown-style2-menu-list-tail-top: -10px;
    --dropdown-style2-menu-list-tail-width: 0;
    --dropdown-style2-menu-list-top: 43px;
    --dropdown-style2-menu-section-header-font-size: 16px;
    --dropdown-style2-menu-section-header-padding-bottom: 0;
    --dropdown-style2-menu-section-header-padding-left: 10px;
    --dropdown-style2-menu-section-header-padding-right: 0;
    --dropdown-style2-menu-section-header-padding-top: 0;
    --dropdown-style2-menu-section-img-height: 18px;
    --dropdown-style2-menu-section-img-width: 28px;
    --dropdown-style2-min-width: auto;
    --dropdown-style2-padding-bottom: 0;
    --dropdown-style2-padding-left: 0;
    --dropdown-style2-padding-right: 0;
    --dropdown-style2-padding-top: 0;
    --dropdown-style2-top-left-radius: 0;
    --dropdown-style2-top-right-radius: 0;
    --dropdown-style2-transparent-color: #fff;
    --dropdown-style2-width: auto;
    --image-style1-background-color: none;
    --image-style1-background-image: none;
    --image-style1-border-bottom-color: #c02c5d;
    --image-style1-border-bottom-left-radius: 6px;
    --image-style1-border-bottom-right-radius: 6px;
    --image-style1-border-bottom-style: solid;
    --image-style1-border-bottom-width: 1px;
    --image-style1-border-left-color: #c02c5d;
    --image-style1-border-left-style: solid;
    --image-style1-border-left-width: 1px;
    --image-style1-border-right-color: #c02c5d;
    --image-style1-border-right-style: solid;
    --image-style1-border-right-width: 1px;
    --image-style1-border-top-color: #c02c5d;
    --image-style1-border-top-left-radius: 6px;
    --image-style1-border-top-right-radius: 6px;
    --image-style1-border-top-style: solid;
    --image-style1-border-top-width: 1px;
    --image-style1-color: #fff;
    --image-style1-font-size: 16px;
    --image-style1-height: 36px;
    --image-style1-hover-background-color: transparent;
    --image-style1-hover-background-image: none;
    --image-style1-hover-color: #c02c5d;
    --image-style1-img-height: 14px;
    --image-style1-img-width: 22px;
    --image-style1-margin-bottom: 10px;
    --image-style1-margin-left: 16px;
    --image-style1-margin-right: 16px;
    --image-style1-margin-top: 10px;
    --image-style1-min-width: 20px;
    --image-style1-padding-bottom: 12px;
    --image-style1-padding-left: 12px;
    --image-style1-padding-right: 16px;
    --image-style1-padding-top: 12px;
    --image-style1-text-align: left;
    --image-style1-width: auto;
    --image-style2-background-color: none;
    --image-style2-background-image: none;
    --image-style2-border-bottom-color: #7c7c7c;
    --image-style2-border-bottom-left-radius: 0;
    --image-style2-border-bottom-right-radius: 0;
    --image-style2-border-bottom-style: none;
    --image-style2-border-bottom-width: 0;
    --image-style2-border-left-color: #7c7c7c;
    --image-style2-border-left-style: none;
    --image-style2-border-left-width: 0;
    --image-style2-border-right-color: #7c7c7c;
    --image-style2-border-right-style: none;
    --image-style2-border-right-width: 0;
    --image-style2-border-top-color: #7c7c7c;
    --image-style2-border-top-left-radius: 0;
    --image-style2-border-top-right-radius: 0;
    --image-style2-border-top-style: none;
    --image-style2-border-top-width: 0;
    --image-style2-color: #7c7c7c;
    --image-style2-font-size: 14px;
    --image-style2-height: 28px;
    --image-style2-hover-background-color: transparent;
    --image-style2-hover-background-image: none;
    --image-style2-hover-color: transparent;
    --image-style2-img-height: 28px;
    --image-style2-img-width: 120px;
    --image-style2-margin-bottom: 0;
    --image-style2-margin-left: 0;
    --image-style2-margin-right: 5px;
    --image-style2-margin-top: 0;
    --image-style2-min-width: 24px;
    --image-style2-padding-bottom: 0;
    --image-style2-padding-left: 0;
    --image-style2-padding-right: 0;
    --image-style2-padding-top: 0;
    --image-style2-text-align: center;
    --image-style2-title-font-size: 22px;
    --image-style2-width: 100%;
    --header-menu-item-style1---header-menu-more-border-color: #EBFF00;
    --header-menu-item-style1---header-menu-more-border-width: 1px;
    --header-menu-item-style1---header-menu-more-padding-bottom: 9px;
    --header-menu-item-style1---header-menu-more-padding-top: 9px;
    --header-menu-item-style1-active-background-color: #100718;
    --header-menu-item-style1-active-background-image: none;
    --header-menu-item-style1-active-border-bottom-color: #c02c5d;
    --header-menu-item-style1-active-border-bottom-left-radius: 0;
    --header-menu-item-style1-active-border-bottom-right-radius: 0;
    --header-menu-item-style1-active-border-bottom-style: solid;
    --header-menu-item-style1-active-border-bottom-width: 2px;
    --header-menu-item-style1-active-border-left-color: transparent;
    --header-menu-item-style1-active-border-left-style: none;
    --header-menu-item-style1-active-border-left-width: 0;
    --header-menu-item-style1-active-border-right-color: transparent;
    --header-menu-item-style1-active-border-right-style: none;
    --header-menu-item-style1-active-border-right-width: 0;
    --header-menu-item-style1-active-border-top-color: transparent;
    --header-menu-item-style1-active-border-top-left-radius: 0;
    --header-menu-item-style1-active-border-top-right-radius: 0;
    --header-menu-item-style1-active-border-top-style: none;
    --header-menu-item-style1-active-border-top-width: 0;
    --header-menu-item-style1-active-color: #ffffff;
    --header-menu-item-style1-background-color: none;
    --header-menu-item-style1-background-image: none;
    --header-menu-item-style1-border-bottom-color: transparent;
    --header-menu-item-style1-border-bottom-left-radius: 0;
    --header-menu-item-style1-border-bottom-right-radius: 0;
    --header-menu-item-style1-border-bottom-style: solid;
    --header-menu-item-style1-border-left-color: transparent;
    --header-menu-item-style1-border-left-style: none;
    --header-menu-item-style1-border-left-width: 0;
    --header-menu-item-style1-border-right-color: transparent;
    --header-menu-item-style1-border-right-style: none;
    --header-menu-item-style1-border-right-width: 0;
    --header-menu-item-style1-border-top-color: transparent;
    --header-menu-item-style1-border-top-left-radius: 0;
    --header-menu-item-style1-border-top-right-radius: 0;
    --header-menu-item-style1-border-top-style: none;
    --header-menu-item-style1-color: #ffffff;
    --header-menu-item-style1-dropdown-icon-color: #ffffff;
    --header-menu-item-style1-font-size: 14px;
    --header-menu-item-style1-font-weight: normal;
    --header-menu-item-style1-hover-background-image: none;
    --header-menu-item-style1-hover-border-bottom-color: #c02c5d;
    --header-menu-item-style1-hover-border-bottom-left-radius: 0;
    --header-menu-item-style1-hover-border-bottom-right-radius: 0;
    --header-menu-item-style1-hover-border-bottom-style: solid;
    --header-menu-item-style1-hover-border-bottom-width: 2px;
    --header-menu-item-style1-hover-border-left-color: transparent;
    --header-menu-item-style1-hover-border-left-style: none;
    --header-menu-item-style1-hover-border-left-width: 0;
    --header-menu-item-style1-hover-border-right-color: transparent;
    --header-menu-item-style1-hover-border-right-style: none;
    --header-menu-item-style1-hover-border-right-width: 0;
    --header-menu-item-style1-hover-border-top-color: transparent;
    --header-menu-item-style1-hover-border-top-left-radius: 0;
    --header-menu-item-style1-hover-border-top-right-radius: 0;
    --header-menu-item-style1-hover-border-top-style: none;
    --header-menu-item-style1-hover-border-top-width: 0;
    --header-menu-item-style1-hover-color: #c02c5d;
    --header-menu-item-style1-icon-color: #ffffff;
    --header-menu-item-style1-margin-bottom: 0;
    --header-menu-item-style1-margin-left: 0;
    --header-menu-item-style1-margin-right: 0;
    --header-menu-item-style1-margin-top: 0;
    --header-menu-item-style1-padding-bottom: 17px;
    --header-menu-item-style1-padding-left: 10px;
    --header-menu-item-style1-padding-right: 10px;
    --header-menu-item-style1-padding-top: 17px;
    --header-menu-item-style1-second-text-color: #FFFFFF;
    --header-menu-item-style1-submenu-item-background-color: #100718;
    --header-menu-item-style1-submenu-item-before-border-bottom-color: #100718;
    --header-menu-item-style1-submenu-item-before-border-bottom-style: solid;
    --header-menu-item-style1-submenu-item-before-border-bottom-width: 10px;
    --header-menu-item-style1-submenu-item-before-border-left-color: transparent;
    --header-menu-item-style1-submenu-item-before-border-left-style: solid;
    --header-menu-item-style1-submenu-item-before-border-left-width: 10px;
    --header-menu-item-style1-submenu-item-before-border-right-color: transparent;
    --header-menu-item-style1-submenu-item-before-border-right-style: solid;
    --header-menu-item-style1-submenu-item-before-border-right-width: 10px;
    --header-menu-item-style1-submenu-item-before-border-top-color: transparent;
    --header-menu-item-style1-submenu-item-before-border-top-style: none;
    --header-menu-item-style1-submenu-item-before-border-top-width: 0;
    --header-menu-item-style1-submenu-item-before-bottom: 50%;
    --header-menu-item-style1-submenu-item-before-top: -10px;
    --header-menu-item-style1-submenu-item-color: #ffffff;
    --header-menu-item-style1-submenu-item-height: 30px;
    --header-menu-item-style1-submenu-item-li-color: #ffffff;
    --header-menu-item-style1-submenu-item-li-hover: #fff;
    --header-menu-item-style1-submenu-item-li-hover-background-color: #EBFF00;
    --header-menu-item-style1-submenu-item-li-hover-color: #fff;
    --header-menu-item-style1-submenu-item-li-padding-bottom: 0;
    --header-menu-item-style1-submenu-item-li-padding-left: 10px;
    --header-menu-item-style1-submenu-item-li-padding-right: 10px;
    --header-menu-item-style1-submenu-item-li-padding-top: 0;
    --header-menu-item-style1-submenu-item-line-height: 30px;
    --header-menu-item-style1-submenu-item-link-color: #fff;
    --header-menu-item-style1-submenu-item-margin-bottom: 0;
    --header-menu-item-style1-submenu-item-margin-left: 0;
    --header-menu-item-style1-submenu-item-margin-right: 0;
    --header-menu-item-style1-submenu-item-margin-top: 12px;
    --header-menu-item-style1-submenu-item-padding-bottom: 0;
    --header-menu-item-style1-submenu-item-padding-left: 0;
    --header-menu-item-style1-submenu-item-padding-right: 0;
    --header-menu-item-style1-submenu-item-padding-top: 0;
    --header-menu-item-style1-submenu-item-ul-border-bottom-color: transparent;
    --header-menu-item-style1-submenu-item-ul-border-bottom-style: none;
    --header-menu-item-style1-submenu-item-ul-border-bottom-width: 0;
    --header-menu-item-style1-submenu-item-ul-border-left-color: transparent;
    --header-menu-item-style1-submenu-item-ul-border-left-style: none;
    --header-menu-item-style1-submenu-item-ul-border-left-width: 0;
    --header-menu-item-style1-submenu-item-ul-border-right-color: transparent;
    --header-menu-item-style1-submenu-item-ul-border-right-style: none;
    --header-menu-item-style1-submenu-item-ul-border-right-width: 0;
    --header-menu-item-style1-submenu-item-ul-border-top-color: transparent;
    --header-menu-item-style1-submenu-item-ul-border-top-style: none;
    --header-menu-item-style1-submenu-item-ul-border-top-width: 0;
    --header-menu-item-style1-submenu-item-width: auto;
    --header-menu-item-style1-submenu-left: 50%;
    --header-menu-item-style1-submenu-top: 52px;
    --header-menu-item-style1-submenu-ul-top: 11px;
    --header-menu-item-style1-text-color: #ffffff;
    --header-menu-item-style1-text-hover-color: #c02c5d;
    --header-menu-item-style1-width: auto;
    --header-menu-item-style2-active-background-color: #2e3c51;
    --header-menu-item-style2-active-background-image: none;
    --header-menu-item-style2-active-border-bottom-color: #0fa989;
    --header-menu-item-style2-active-border-bottom-left-radius: 0;
    --header-menu-item-style2-active-border-bottom-right-radius: 0;
    --header-menu-item-style2-active-border-bottom-style: solid;
    --header-menu-item-style2-active-border-bottom-width: 2px;
    --header-menu-item-style2-active-border-left-color: transparent;
    --header-menu-item-style2-active-border-left-style: none;
    --header-menu-item-style2-active-border-left-width: 0;
    --header-menu-item-style2-active-border-right-color: transparent;
    --header-menu-item-style2-active-border-right-style: none;
    --header-menu-item-style2-active-border-right-width: 0;
    --header-menu-item-style2-active-border-top-color: transparent;
    --header-menu-item-style2-active-border-top-left-radius: 0;
    --header-menu-item-style2-active-border-top-right-radius: 0;
    --header-menu-item-style2-active-border-top-style: none;
    --header-menu-item-style2-active-border-top-width: 0;
    --header-menu-item-style2-active-color: #d0d9e7;
    --header-menu-item-style2-background-color: #100718;
    --header-menu-item-style2-background-image: none;
    --header-menu-item-style2-border-bottom-color: transparent;
    --header-menu-item-style2-border-bottom-left-radius: 0;
    --header-menu-item-style2-border-bottom-right-radius: 0;
    --header-menu-item-style2-border-bottom-style: solid;
    --header-menu-item-style2-border-bottom-width: 0;
    --header-menu-item-style2-border-left-color: #1f262f;
    --header-menu-item-style2-border-left-style: solid;
    --header-menu-item-style2-border-left-width: 1px;
    --header-menu-item-style2-border-right-color: transparent;
    --header-menu-item-style2-border-right-style: none;
    --header-menu-item-style2-border-right-width: 0;
    --header-menu-item-style2-border-top-color: transparent;
    --header-menu-item-style2-border-top-left-radius: 0;
    --header-menu-item-style2-border-top-right-radius: 0;
    --header-menu-item-style2-border-top-style: none;
    --header-menu-item-style2-border-top-width: 0;
    --header-menu-item-style2-color: rgb(208, 217, 231);
    --header-menu-item-style2-dropdown-icon-color: #d0d9e7;
    --header-menu-item-style2-font-size: 17px;
    --header-menu-item-style2-font-weight: normal;
    --header-menu-item-style2-hover-background-image: none;
    --header-menu-item-style2-hover-border-bottom-color: #0fa989;
    --header-menu-item-style2-hover-border-bottom-left-radius: 0;
    --header-menu-item-style2-hover-border-bottom-right-radius: 0;
    --header-menu-item-style2-hover-border-bottom-style: solid;
    --header-menu-item-style2-hover-border-bottom-width: 2px;
    --header-menu-item-style2-hover-border-left-color: transparent;
    --header-menu-item-style2-hover-border-left-style: none;
    --header-menu-item-style2-hover-border-left-width: 0;
    --header-menu-item-style2-hover-border-right-color: transparent;
    --header-menu-item-style2-hover-border-right-style: none;
    --header-menu-item-style2-hover-border-right-width: 0;
    --header-menu-item-style2-hover-border-top-color: transparent;
    --header-menu-item-style2-hover-border-top-left-radius: 0;
    --header-menu-item-style2-hover-border-top-right-radius: 0;
    --header-menu-item-style2-hover-border-top-style: none;
    --header-menu-item-style2-hover-border-top-width: 0;
    --header-menu-item-style2-hover-color: rgb(208, 217, 231);
    --header-menu-item-style2-icon-color: #d0d9e7;
    --header-menu-item-style2-margin-bottom: 0;
    --header-menu-item-style2-margin-left: 0;
    --header-menu-item-style2-margin-right: 0;
    --header-menu-item-style2-margin-top: 0;
    --header-menu-item-style2-padding-bottom: 10px;
    --header-menu-item-style2-padding-left: 15px;
    --header-menu-item-style2-padding-right: 0;
    --header-menu-item-style2-padding-top: 10px;
    --header-menu-item-style2-second-text-color: #FFFFFF;
    --header-menu-item-style2-submenu-item-background-color: #ff9505;
    --header-menu-item-style2-submenu-item-before-border-bottom-color: #2e3c51;
    --header-menu-item-style2-submenu-item-before-border-bottom-style: solid;
    --header-menu-item-style2-submenu-item-before-border-bottom-width: 10px;
    --header-menu-item-style2-submenu-item-before-border-left-color: none;
    --header-menu-item-style2-submenu-item-before-border-left-style: solid;
    --header-menu-item-style2-submenu-item-before-border-left-width: 10px;
    --header-menu-item-style2-submenu-item-before-border-right-color: none;
    --header-menu-item-style2-submenu-item-before-border-right-style: solid;
    --header-menu-item-style2-submenu-item-before-border-right-width: 10px;
    --header-menu-item-style2-submenu-item-before-border-top-color: none;
    --header-menu-item-style2-submenu-item-before-border-top-style: none;
    --header-menu-item-style2-submenu-item-before-border-top-width: 0;
    --header-menu-item-style2-submenu-item-before-bottom: 50%;
    --header-menu-item-style2-submenu-item-before-top: -10px;
    --header-menu-item-style2-submenu-item-color: rgb(208, 217, 231);
    --header-menu-item-style2-submenu-item-height: 30px;
    --header-menu-item-style2-submenu-item-li-color: rgb(208, 217, 231);
    --header-menu-item-style2-submenu-item-li-hover: #fff;
    --header-menu-item-style2-submenu-item-li-padding-bottom: 0;
    --header-menu-item-style2-submenu-item-li-padding-left: 10px;
    --header-menu-item-style2-submenu-item-li-padding-right: 10px;
    --header-menu-item-style2-submenu-item-li-padding-top: 0;
    --header-menu-item-style2-submenu-item-line-height: 30px;
    --header-menu-item-style2-submenu-item-margin-bottom: 0;
    --header-menu-item-style2-submenu-item-margin-left: 0;
    --header-menu-item-style2-submenu-item-margin-right: 0;
    --header-menu-item-style2-submenu-item-margin-top: 12px;
    --header-menu-item-style2-submenu-item-padding-bottom: 0;
    --header-menu-item-style2-submenu-item-padding-left: 0;
    --header-menu-item-style2-submenu-item-padding-right: 0;
    --header-menu-item-style2-submenu-item-padding-top: 0;
    --header-menu-item-style2-submenu-item-width: 100%;
    --header-menu-item-style2-submenu-left: 50%;
    --header-menu-item-style2-submenu-top: 61px;
    --header-menu-item-style2-text-color: #d0d9e7;
    --header-menu-item-style2-text-hover-color: #d0d9e7;
    --header-menu-item-style2-width: auto;
    --marquee-style1-background-color: #fff;
    --marquee-style1-border-bottom-color: #ccc;
    --marquee-style1-border-bottom-left-radius: 3px;
    --marquee-style1-border-bottom-right-radius: 3px;
    --marquee-style1-border-bottom-style: solid;
    --marquee-style1-border-bottom-width: 1px;
    --marquee-style1-border-left-color: #ccc;
    --marquee-style1-border-left-style: solid;
    --marquee-style1-border-left-width: 1px;
    --marquee-style1-border-right-color: #ccc;
    --marquee-style1-border-right-style: solid;
    --marquee-style1-border-right-width: 1px;
    --marquee-style1-border-top-color: #ccc;
    --marquee-style1-border-top-left-radius: 3px;
    --marquee-style1-border-top-right-radius: 3px;
    --marquee-style1-border-top-style: solid;
    --marquee-style1-border-top-width: 1px;
    --marquee-style1-color: #b53f39;
    --marquee-style1-font-size: 14px;
    --marquee-style1-font-weight: normal;
    --marquee-style1-height: 24px;
    --marquee-style1-hover-background-color: transparent;
    --marquee-style1-hover-color: #cecece;
    --marquee-style1-margin-bottom: 4;
    --marquee-style1-margin-left: 0;
    --marquee-style1-margin-right: 0;
    --marquee-style1-margin-top: 0;
    --marquee-style1-min-width: 100px;
    --marquee-style1-padding-bottom: 0;
    --marquee-style1-padding-left: 0;
    --marquee-style1-padding-right: 0;
    --marquee-style1-padding-top: 0;
    --marquee-style1-width: calc(100% - 275px);
    --section-style1-border-bottom-color: transparent;
    --section-style1-border-bottom-left-radius: 6px;
    --section-style1-border-bottom-right-radius: 6px;
    --section-style1-border-bottom-style: none;
    --section-style1-border-bottom-width: 0;
    --section-style1-border-left-color: transparent;
    --section-style1-border-left-style: none;
    --section-style1-border-left-width: 0;
    --section-style1-border-right-color: transparent;
    --section-style1-border-right-style: none;
    --section-style1-border-right-width: 0;
    --section-style1-border-top-color: transparent;
    --section-style1-border-top-left-radius: 6px;
    --section-style1-border-top-right-radius: 6px;
    --section-style1-border-top-style: none;
    --section-style1-border-top-width: 0;
    --section-style1-btn-background-color: -webkit-linear-gradient(90deg, rgb(16, 171, 138) 0px, rgb(2, 136, 126));
    --section-style1-btn-border-bottom-color: transparent;
    --section-style1-btn-border-bottom-left-radius: 3px;
    --section-style1-btn-border-bottom-right-radius: 3px;
    --section-style1-btn-border-bottom-style: none;
    --section-style1-btn-border-bottom-width: 0;
    --section-style1-btn-border-left-color: transparent;
    --section-style1-btn-border-left-style: none;
    --section-style1-btn-border-left-width: 0;
    --section-style1-btn-border-right-color: transparent;
    --section-style1-btn-border-right-style: none;
    --section-style1-btn-border-right-width: 0;
    --section-style1-btn-border-top-color: transparent;
    --section-style1-btn-border-top-left-radius: 3px;
    --section-style1-btn-border-top-right-radius: 3px;
    --section-style1-btn-border-top-style: none;
    --section-style1-btn-border-top-width: 0;
    --section-style1-btn-color: #ffffff;
    --section-style1-btn-font-size: 13px;
    --section-style1-btn-height: 100%;
    --section-style1-btn-line-height: 0;
    --section-style1-btn-margin-bottom: 0;
    --section-style1-btn-margin-left: 0;
    --section-style1-btn-margin-right: 0;
    --section-style1-btn-margin-top: 0;
    --section-style1-btn-padding-bottom: 10px;
    --section-style1-btn-padding-left: 27, 5px;
    --section-style1-btn-padding-right: 27, 5px;
    --section-style1-btn-padding-top: 10px;
    --section-style1-color: #fff;
    --section-style1-error-message-top: -2px;
    --section-style1-font-size: 16px;
    --section-style1-form-field-height: 35px;
    --section-style1-form-field-line-height: 20px;
    --section-style1-height: 55px;
    --section-style1-margin-bottom: 0;
    --section-style1-margin-left: 0;
    --section-style1-margin-right: 8px;
    --section-style1-margin-top: 0;
    --section-style1-padding-bottom: 0;
    --section-style1-padding-left: 0;
    --section-style1-padding-right: 0;
    --section-style1-padding-top: 0;
    --text-style1-active-background-color: #fff;
    --text-style1-active-background-image: linear-gradient(to bottom, #1376f8, #194074);
    --text-style1-active-border-bottom-left-radius: 6px;
    --text-style1-active-border-bottom-right-radius: 6px;
    --text-style1-active-border-top-left-radius: 6px;
    --text-style1-active-border-top-right-radius: 6px;
    --text-style1-background-image: linear-gradient(to bottom, #1376f8, #194074);
    --text-style1-border-bottom-left-radius: 6px;
    --text-style1-border-bottom-right-radius: 6px;
    --text-style1-border-top-left-radius: 6px;
    --text-style1-border-top-right-radius: 6px;
    --text-style1-color: #fff;
    --text-style1-font-size: 16px;
    --text-style1-font-weight: 600;
    --text-style1-height: 36px;
    --text-style1-hover-border-bottom-left-radius: 6px;
    --text-style1-hover-border-bottom-right-radius: 6px;
    --text-style1-hover-border-top-left-radius: 6px;
    --text-style1-hover-border-top-right-radius: 6px;
    --text-style1-min-width: 80px;
    --text-style1-padding-bottom: 8px;
    --text-style1-padding-left: 5px;
    --text-style1-padding-right: 5px;
    --text-style1-padding-top: 8px;
    --text-style1-type-btn-item-align: center;
    --text-style1-type-btn-padding-bottom: 6px;
    --text-style1-type-btn-padding-buttom: 10px;
    --text-style1-type-btn-padding-left: 33px;
    --text-style1-type-btn-padding-right: 33px;
    --text-style1-type-btn-padding-top: 6px;
    --text-style1-width: 102px;
    --text-style2-border-bottom-color: #dbedff;
    --text-style2-border-bottom-left-radius: 6px;
    --text-style2-border-bottom-right-radius: 6px;
    --text-style2-border-bottom-style: none;
    --text-style2-border-bottom-width: 1px;
    --text-style2-border-left-color: #dbedff;
    --text-style2-border-left-style: none;
    --text-style2-border-left-width: 1px;
    --text-style2-border-right-color: #dbedff;
    --text-style2-border-right-style: none;
    --text-style2-border-right-width: 1px;
    --text-style2-border-top-color: #dbedff;
    --text-style2-border-top-left-radius: 6px;
    --text-style2-border-top-right-radius: 6px;
    --text-style2-border-top-style: none;
    --text-style2-border-top-width: 1px;
    --text-style2-color: #9E9E9E;
    --text-style2-font-size: 14px;
    --text-style2-font-weight: normal;
    --text-style2-margin-bottom: 0;
    --text-style2-margin-left: 5px;
    --text-style2-margin-right: 0;
    --text-style2-margin-top: 0;
    --text-style2-min-width: 95px;
    --text-style2-padding-bottom: 0;
    --text-style2-padding-left: 10px;
    --text-style2-padding-right: 10px;
    --text-style2-padding-top: 0;
    --text-style2-width: auto;
    --auth-form-field-text-color: #000000;
    --envelope-icon-color: #ffffff;
    --header-background-color: #ffffff;
    --header-balance-text-color: #ffffff;
    --header-language-dropdown-text-color: #ffffff;
    --header-logo-text-align: center;
    --header-menu-item-active-border-color: #C02C5D;
    --header-panel1-background-color: #100718;
    --header-panel1-border-bottom-color: transparent;
    --header-panel1-border-bottom-left-radius: 0;
    --header-panel1-border-bottom-right-radius: 0;
    --header-panel1-border-bottom-style: none;
    --header-panel1-border-bottom-width: 0;
    --header-panel1-border-left-color: transparent;
    --header-panel1-border-left-style: none;
    --header-panel1-border-left-width: 0;
    --header-panel1-border-right-color: transparent;
    --header-panel1-border-right-style: none;
    --header-panel1-border-right-width: 0;
    --header-panel1-border-top-color: transparent;
    --header-panel1-border-top-left-radius: 0;
    --header-panel1-border-top-right-radius: 0;
    --header-panel1-border-top-style: none;
    --header-panel1-border-top-width: 0;
    --header-panel1-height: 104px;
    --header-panel1-margin-bottom: 0;
    --header-panel1-margin-left: 0;
    --header-panel1-margin-right: 0;
    --header-panel1-max-width: 100%;
    --header-panel1-padding-bottom: 0;
    --header-panel1-padding-left: 72px;
    --header-panel1-padding-right: 72px;
    --header-panel1-padding-top: 0;
    --header-panel2-background-color: #100718;
    --header-panel2-border-bottom-color: transparent;
    --header-panel2-border-bottom-left-radius: 0;
    --header-panel2-border-bottom-right-radius: 0;
    --header-panel2-border-bottom-style: none;
    --header-panel2-border-bottom-width: 0;
    --header-panel2-border-left-color: transparent;
    --header-panel2-border-left-style: none;
    --header-panel2-border-left-width: 0;
    --header-panel2-border-right-color: transparent;
    --header-panel2-border-right-style: none;
    --header-panel2-border-right-width: 0;
    --header-panel2-border-top-color: transparent;
    --header-panel2-border-top-right-radius: 0;
    --header-panel2-border-top-style: none;
    --header-panel2-border-top-width: 0;
    --header-panel2-height: 50px;
    --header-panel2-margin-bottom: 0;
    --header-panel2-margin-left: 0;
    --header-panel2-margin-right: 0;
    --header-panel2-margin-top: 0;
    --header-panel2-max-width: 100%;
    --header-panel2-padding-bottom: 0;
    --header-panel2-padding-left: 20px;
    --header-panel2-padding-right: 20px;
    --header-panel2-padding-top: 0;
    --header-section-background-color: #fff;
    --header-section-background-image: none;
    --header-section-group1-height: 100%;
    --header-section-group1-margin-bottom: 0;
    --header-section-group1-margin-left: 0;
    --header-section-group1-margin-right: 0;
    --header-section-group1-margin-top: 0;
    --header-section-group1-min-width: 100px;
    --header-section-group1-padding-bottom: 0;
    --header-section-group1-padding-left: 0;
    --header-section-group1-padding-right: 0;
    --header-section-group1-padding-top: 0;
    --header-section-group1-width: auto;
    --header-section-group2-height: auto;
    --header-section-group2-margin-bottom: 0;
    --header-section-group2-margin-left: 0;
    --header-section-group2-margin-right: 0;
    --header-section-group2-margin-top: 0;
    --header-section-group2-min-width: 100px;
    --header-section-group2-padding-bottom: 0;
    --header-section-group2-padding-left: 0;
    --header-section-group2-padding-right: 0;
    --header-section-group2-padding-top: 0;
    --header-section-group2-width: 100%;
    --header-section-wdth: 100%;
    --header-top-section-height: auto;
    --header-top-section-margin-bottom: 0;
    --header-top-section-margin-left: auto;
    --header-top-section-margin-right: auto;
    --header-top-section-margin-top: 0;
    --header-top-section-max-width: 100%;
    --header-top-section-padding-bottom: 0;
    --header-top-section-padding-left: 0;
    --header-top-section-padding-right: 0;
    --header-top-section-padding-top: 0;
    --history-time-filter-background-color: #e3abc0;
    --m-drawer-menu-background-color: #100718;
    --m-drawer-menu-close-icon-color: #ffffff;
    --m-drawer-menu-icon-color: #C02C5D;
    --m-drawer-menu-title-text-color: #000000;
    --m-header-background-color: #100718;
    --m-header-height: 86px;
    --m-header-panel1-isLogedIn-padding-bottom: 32px;
    --m-header-text-color: #ffffff;
    --m-lang-dropdown-open-text-color: #000000;
    --m-language-drop-down-text-color: #FFFFFF;
    --m-logo-max-width: 120px;
    --m-menu-icon-text-color: #000000;
    --m-user-icon-color: #C02C5D;
    --new-logo-item-background-color: #e5446d;
    --new-logo-item-color: #ffffff;
    --slider-match-background-color: #1d2e4a;
    --slider-match-info-color: #d8cb39;
    --casino-game-section-banners-height: 765px;
    --homa-page-content-padding-left: 20px;
    --homa-page-content-padding-right: 20px;
    --home-background-color: #100718;
    --home-page-item-margin-right: 2px;
    --homePage-button-background-color: #1D2E4A;
    --homePage-content-margin-top: 2px;
    --homePage-content-title-margin-bottom: 32px;
    --homePage-first-item-border-bottom-right-radius: 10px;
    --homePage-first-item-border-top-right-radius: 10px;
    --homePage-item-border-bottom-color: transparent;
    --homePage-item-border-bottom-left-radius: 0;
    --homePage-item-border-bottom-right-radius: 0;
    --homePage-item-border-bottom-width: 0;
    --homePage-item-border-left-color: transparent;
    --homePage-item-border-left-width: 0;
    --homePage-item-border-right-color: transparent;
    --homePage-item-border-right-width: 0;
    --homePage-item-border-top-color: transparent;
    --homePage-item-border-top-left-radius: 0;
    --homePage-item-border-top-right-radius: 0;
    --homePage-item-border-top-width: 2px;
    --homePage-item-height: 298px;
    --homePage-item-hover-background-color: #30415D;
    --homePage-item-margin-bottom: 10px;
    --homePage-item-margin-left: 2px;
    --homePage-item-margin-right: 0px;
    --homePage-item-margin-top: 2px;
    --homePage-item-width: 298px;
    --homePage-last-item-border-bottom-right-radius: 10px;
    --homePage-last-item-border-top-right-radius: 10px;
    --homePage-selectionBar-item-title-color: #ffffff;
    --homePage-selectionBar-item-title-font-size: 22px;
    --homePage-selectionBar-margin-bottom: 64px;
    --homePage-selectionBar-margin-top: -9px;
    --homePage-selectionBar-title-background-color: transparent;
    --homePage-selectionBar-title-font-size: 22px;
    --m-homePage-title-margin-right: calc(50% - 30px);
    --m-product-bg-background-color: #131a2c;
    --mobile-homePage-selectionBar-item-title-backgrou: #131a2c;
    --mobile-homePage-selectionBar-item-title-color: 14px;
    --imageBar-style1-background-color: #1D2E4A;
    --imageBar-style1-height: 40px;
    --imageBar-style1-margin-bottom: 12px;
    --imageBar-style1-margin-top: 12px;
    --imageBar-style1-width: 40px;
    --imageBar-style2-background-color: rgba(15, 20, 37, .4);
    --imageBar-style2-contentImage-background-color: #121A2C;
    --imageBar-style2-margin-right: 16px;
    --imageBar-style2-title-color: #fff;
    --imageBar-style2-title-font-size: 22px;
    --imageBar-style2-title-margin-bottom: -53px;
    --imageBar-style2-title-margin-top: 35px;
    --change-pass-background-color: #ffffff;
    --change-pass-color: #000;
    --forgot-password-text-color: #ebff00;
    --forogot-password-background-color: #170a23;
    --login-btn-gradient-first-color: #ebff00;
    --login-btn-gradient-second-color: #ebff00;
    --login-button-background-color: #170a23;
    --login-button-color: #ffffff;
    --login-title-color: #ebff00;
    --m-forgot-password-background-color: #170a23;
    --m-login-logo-width: auto;
    --mobile-login-title-color: #0c6be8;
    --modal-login-content-width: 260px;
    --modal-login-section-height: 570px;
    --modal-login-section-width: 355px;
    --modal_close_icon-color: #ffffff;
    --password-eye-icon-color: #dbedff;
    --bottom-sideBar-height: 0;
    --m-ft-images-style1-margin-bottom: 36px;
    --m-ft-images-style1-margin-top: 44px;
    --m-ft-images-style2-margin-bottom: 28px;
    --m-ft-images-style2-margin-left: 8px;
    --m-ft-images-style2-margin-top: 32px;
    --m-ft-text-style1-button-color: #0c6be8;
    --m-ft-text-style2-color: #FFFFFF;
    --m-ft-text-style2-margin-top: 64px;
    --m-ft-text-style2-padding-bottom: 72px;
    --m-image-style1-margin-left: 10px;
    --m-sidebar-style1-color: #c02c5d;
    --m-text-style1-color: #fff;
    --m-text-style1-margin-right: 10px;
    --m-imageBar-style1-background-color: #1D2E4A;
    --m-imageBar-style1-border-bottom-left-radius: 4px;
    --m-imageBar-style1-border-bottom-right-radius: 4px;
    --m-imageBar-style1-border-top-left-radius: 4px;
    --m-imageBar-style1-border-top-right-radius: 4px;
    --m-imageBar-style1-flex-direction: row;
    --m-imageBar-style1-height: 50px;
    --m-imageBar-style1-item-title-margin-right: calc(50% - 45px);
    --m-imageBar-style1-item-title-padding-top: 10px;
    --m-imageBar-style1-margin-left: 4px;
    --m-imageBar-style1-margin-right: 4px;
    --m-imageBar-style1-margin-top: 5px;
    --m-imageBar-style1-mobile-homePage-item-height: 22px;
    --m-imageBar-style1-mobile-homePage-item-width: 22px;
    --m-imageBar-style1-padding-left: calc(50% - 32px);
    --m-imageBar-style1-padding-top: 12px;
    --m-imageBar-style1-width: unset;
    --m-imageBar-style2-flex-direction: column;
    --m-imageBar-style2-height: 290px;
    --m-imageBar-style2-mobile-homePage-item-height: 100%;
    --m-imageBar-style2-mobile-homePage-item-width: 100%;
    --m-imageBar-style2-width: auto;
    --general-left-menu-margin-top: 0;
    --left-close-sidebar-border-bottom-color: #98C200;
    --m-left-close-sidebar-background-image: none;
    --general-menu-heading-background-color: #170A23;
    --left-close-sidebar-background-color: #100718;
    --left-sidebar-heading-color: #c02c5d;
    --left-sidebar-heading-icon-color: #fff;
    --m-general-menu-heading-background-image: #170A23;
    --btn-gradient-first-color: #c02c5d;
    --btn-gradient-last-color: #c02c5d;
    --btn-gradient-second-color: #e05080;
    --m-bonuses-promo-placeholder-color: #ffffff;
    --m-join-us-btn-background-color: #C02C5D;
    --m-join-us-btn-background-image: none;
    --m-logout-button-background-color: #222d3e;
    --m-menu-header-text-color: #fff;
    --m-register-section-bg: #170A23;
    --right-menu-item-color: #C02C5D;
    --allFormItems-top: 118px;
    --auth-form-dropdown-background-color: #1d2e4a;
    --divider-line-background-image: linear-gradient(to bottom, #ffffff, #808080);
    --divider-line-height: 1px;
    --divider-line-margin-bottom: 16px;
    --error-message-top: 0px;
    --forgot-password-section-background-color: #170A23;
    --form-row-item-withLabel-height: auto;
    --login-redirect-href-text-color: #C02C5D;
    --login-redirect-href-text-margin-left: 15px;
    --m-register-button-background-color: #c02c5d;
    --m-register-button-text-color: #ffffff;
    --m-register-condition-text-color: #ffffff;
    --m-register-go-back-color: #fff;
    --m-register-go-back-width: 30%;
    --m-register-input-fields-text-color: #ffffff;
    --m-register-view-background-color: #170a23;
    --m-regStep-height: 18px;
    --m-regStep-margin-top: 20px;
    --m-regStep-width: 18px;
    --modal-register-content-width: 100%;
    --modal-register-section-width: 785px;
    --next-btn-active-background-image: linear-gradient(to bottom, #c02c5d, #c02c5d);
    --next-btn-background-color: linear-gradient(to bottom, #1376f8, #194074);
    --next-btn-not-active-background-color: linear-gradient(to bottom, #c02c5d, #c02c5d);
    --next-btn-not-active-background-image: linear-gradient(to bottom, #c02c5d, #c02c5d);
    --recovery-btn-background-image: linear-gradient(to bottom, #c02c5d, #c02c5d);
    --recovery-input-color: #fffff;
    --reg-btn-active-background-image: linear-gradient(to bottom, #C02C5D, #C02C5D);
    --reg-btn-border-bottom-left-radius: 6px;
    --reg-btn-border-bottom-right-radius: 6px;
    --reg-btn-border-top-left-radius: 6px;
    --reg-btn-border-top-right-radius: 6px;
    --reg-btn-width: 100%;
    --reg-item-notActive-background-image: linear-gradient(to bottom, #C02C5D, #C02C5D);
    --reg-prompt-text-color: #ffffff;
    --reg-prompt-text-font-size: 14px;
    --reg-prompt-text-margin-top: 6px;
    --regForm-success-message-color: #FFF;
    --register-background-border-radius: 6px, 6px, 6px, 6px;
    --register-background-color: #170a23;
    --register-background-height: 672px;
    --register-button-background-active-color: #c02c5d;
    --register-button-background-color: #EBFF00;
    --register-button-not-active-background-color: #c02c5d;
    --register-button-text-color: #ffffff;
    --register-button-text-valid-color: #FFFFFF;
    --register-condition-text-color: #ffffff;
    --register-error-message-item-align: center;
    --register-field-text-color: #ffffff;
    --register-form-field-display-events: block;
    --register-form-item-bottom: 16px;
    --register-form-item-height: 41px;
    --register-form-item-margin-bottom: 5px;
    --register-form-item-margin-left: 7, 5px;
    --register-form-item-margin-right: 7, 5px;
    --register-form-item-margin-top: 5px;
    --register-form-label-color: #fff;
    --register-form-label-font-size: 14px;
    --register-form-mobileData-item-width: 49%;
    --register-form-row-item-1-width: 96%;
    --register-form-row-item-2-width: 47%;
    --register-form-row-item-3-width: 33.333333%;
    --register-form-row-item-4-width: 22.5%;
    --register-form-row-item-5-width: 20%;
    --register-form-row-item-6-width: 16.67%;
    --register-header-margin-bottom: 20px;
    --register-label-top: 20px;
    --register-redirect-bottom: 24px;
    --register-redirect-font-size: 16px;
    --register-redirect-left: 432px;
    --register-safety-href-margin-left: 8px;
    --register-safety-info-color: #dbedff;
    --register-safety-info-font-size: 16px;
    --register-safety-info-padding-bottom: 16px;
    --register-safety-info-width: 90%;
    --register-social-icon-margin-right: 10px;
    --register-social-icons-bottom: 69px;
    --register-social-icons-height: 28px;
    --register-social-icons-width: 28px;
    --register-tab-text-color: #FFFFFF;
    --register-tab-text-hover-color: #ebff00;
    --register-tab-text-selected-color: #ebff00;
    --register-terms-and-condition-text-color: #c02c5d;
    --register-terms-and-condition-text-hover-color: #ffffff;
    --registration-section-height: 650px;
    --regStep-background-color: #170a23;
    --regStep-height: 20px;
    --regStep-margin-right: 18px;
    --regStep-width: 20px;
    --social-register-text-bottom: 105px;
    --social-register-text-color: #ffffff;
    --social-register-text-font-size: 14px
}

.caspor-accordion {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent
}

.caspor-accordion .accordion-item {
    width: 100%;
    height: auto;
    min-height: 80px;
    margin-bottom: 8px;
    border: 2px solid rgba(26, 56, 164, 0);
    border-radius: 20px;
    background-color: #1a38a41a;
    transition: all .3s
}

.caspor-accordion .accordion-item:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .caspor-accordion .accordion-item {
        min-height: 48px
    }
}

.caspor-accordion .accordion-item.opened {
    border: 2px solid rgba(26, 56, 164, .2);
    transition: all .3s
}

.caspor-accordion .accordion-item .collapse {
    height: 0;
    overflow: hidden;
    transition: all .3s
}

.caspor-accordion .accordion-item .collapse.show {
    height: auto;
    transition: all .3s
}

.caspor-accordion .accordion-header {
    width: 100%;
    height: auto;
    min-height: 80px;
    border-radius: 20px
}

@media (max-width: 767px) {
    .caspor-accordion .accordion-header {
        min-height: 48px
    }
}

.caspor-accordion .accordion-header .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0;
    padding: 24px 20px;
    border: none;
    border-radius: 20px;
    background-color: transparent;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #f90;
    cursor: pointer;
    text-align: left;
    transition: all .3s
}

.caspor-accordion .accordion-header .accordion-button:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 6px;
    margin-left: 12px;
    background-image: url(/assets/icons/accordion-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    transition: all .3s
}

@media (max-width: 767px) {
    .caspor-accordion .accordion-header .accordion-button {
        font-size: 16px;
        line-height: 24px
    }
}

.caspor-accordion .accordion-header .accordion-button.collapsed {
    color: #fff;
    transition: all .3s
}

.caspor-accordion .accordion-header .accordion-button.collapsed:after {
    transform: rotate(0);
    transition: all .3s
}

.caspor-accordion .accordion-body {
    padding: 0 20px 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.caspor-static-page {
    width: 100%;
    height: auto;
    min-height: 560px;
    padding-top: 72px;
    padding-bottom: 64px;
    color: #fff
}

@media (max-width: 1919px) {
    .caspor-static-page {
        padding: 40px 20px 64px
    }
}

@media (max-width: 1279px) {
    .caspor-static-page {
        padding: 40px 218px 64px 20px
    }
}

@media (max-width: 1023px) {
    .caspor-static-page {
        padding: 40px 20px 64px
    }
}

@media (max-width: 767px) {
    .caspor-static-page {
        padding: 16px 16px 64px
    }
}

@media (max-width: 767px) {
    .caspor-static-page--faq .caspor-static-page__block {
        margin-bottom: 48px
    }
}

.caspor-static-page__container {
    display: flex;
    align-items: stretch;
    width: 100%
}

.caspor-static-page__main {
    flex-shrink: 0;
    width: 960px
}

.caspor-static-page__main--big {
    width: 1182px
}

@media (max-width: 1919px) {
    .caspor-static-page__main {
        width: 786px
    }
}

@media (max-width: 1023px) {
    .caspor-static-page__main {
        width: 100%
    }
}

.caspor-static-page__title {
    margin: 0 0 48px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px
}

@media (max-width: 767px) {
    .caspor-static-page__title {
        margin: 0 0 24px;
        font-size: 24px;
        line-height: 32px
    }
}

.caspor-static-page__subtitle {
    margin: 0 0 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px
}

@media (max-width: 767px) {
    .caspor-static-page__subtitle {
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 24px
    }
}

.caspor-static-page__block {
    width: 100%;
    margin-bottom: 48px
}

.caspor-static-page__block:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .caspor-static-page__block {
        margin-bottom: 64px
    }
}

.caspor-static-page__block--smaller-margin {
    margin-bottom: 40px
}

.caspor-static-page__block--bigger-margin {
    margin-bottom: 64px
}

.caspor-static-page__block-title {
    margin: 0 0 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px
}

@media (max-width: 767px) {
    .caspor-static-page__block-title {
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 24px
    }
}

.caspor-static-page__block-wrapper {
    width: 100%;
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.caspor-static-page__block-wrapper p {
    margin: 8px 0
}

.caspor-static-page__block-wrapper ol,
.caspor-static-page__block-wrapper ul {
    width: 100%;
    margin: 0;
    padding-inline-start: 20px
}

.caspor-static-page__block-wrapper ol img,
.caspor-static-page__block-wrapper ul img {
    width: 100%;
    height: auto;
    margin: 4px 0
}

.caspor-static-page__block-wrapper ol ul {
    padding: 0 0 0 10px
}

.caspor-static-page__block-wrapper a {
    color: #f90;
    text-decoration: none;
    transition: all .3s
}

.caspor-static-page__block-wrapper a:hover {
    text-decoration: underline;
    transition: all .3s
}

.caspor-static-page__media-block {
    position: relative;
    width: 100%;
    margin-top: 24px;
    z-index: 1;
    display: flex;
    flex-direction: row
}

@media (max-width: 767px) {
    .caspor-static-page__media-block {
        overflow-x: scroll
    }
}

.caspor-static-page__media-block .first_column,
.caspor-static-page__media-block .second_column,
.caspor-static-page__media-block .third_column,
.caspor-static-page__media-block .fourth_column,
.caspor-static-page__media-block .fifth_column,
.caspor-static-page__media-block .sixth_column {
    display: flex;
    flex-direction: column;
    flex: 1
}

.caspor-static-page__media-block .first_column span,
.caspor-static-page__media-block .second_column span,
.caspor-static-page__media-block .third_column span,
.caspor-static-page__media-block .fourth_column span,
.caspor-static-page__media-block .fifth_column span,
.caspor-static-page__media-block .sixth_column span {
    border: 1px solid #FFFFFF;
    padding: 0 8px
}

.caspor-static-page__media-block .first_column span.column_title,
.caspor-static-page__media-block .second_column span.column_title,
.caspor-static-page__media-block .third_column span.column_title,
.caspor-static-page__media-block .fourth_column span.column_title,
.caspor-static-page__media-block .fifth_column span.column_title,
.caspor-static-page__media-block .sixth_column span.column_title {
    height: 50px;
    text-align: center
}

@media (max-width: 767px) {

    .caspor-static-page__media-block .first_column span.column_title,
    .caspor-static-page__media-block .second_column span.column_title,
    .caspor-static-page__media-block .third_column span.column_title,
    .caspor-static-page__media-block .fourth_column span.column_title,
    .caspor-static-page__media-block .fifth_column span.column_title,
    .caspor-static-page__media-block .sixth_column span.column_title {
        min-height: 75px
    }
}

.caspor-static-page__media-block .first_column span.column_item,
.caspor-static-page__media-block .second_column span.column_item,
.caspor-static-page__media-block .third_column span.column_item,
.caspor-static-page__media-block .fourth_column span.column_item,
.caspor-static-page__media-block .fifth_column span.column_item,
.caspor-static-page__media-block .sixth_column span.column_item {
    text-align: center
}

@media (max-width: 767px) {

    .caspor-static-page__media-block .first_column span,
    .caspor-static-page__media-block .second_column span,
    .caspor-static-page__media-block .third_column span,
    .caspor-static-page__media-block .fourth_column span,
    .caspor-static-page__media-block .fifth_column span,
    .caspor-static-page__media-block .sixth_column span {
        min-height: 50px
    }

    .caspor-static-page__media-block .first_column span.mobile_last-row,
    .caspor-static-page__media-block .second_column span.mobile_last-row,
    .caspor-static-page__media-block .third_column span.mobile_last-row,
    .caspor-static-page__media-block .fourth_column span.mobile_last-row,
    .caspor-static-page__media-block .fifth_column span.mobile_last-row,
    .caspor-static-page__media-block .sixth_column span.mobile_last-row {
        min-height: 74px
    }
}

.caspor-static-page__notes {
    font-size: 14px;
    line-height: 24px;
    color: #fff9
}

.caspor-static-page__notes i {
    margin-right: 3px;
    color: #f90
}

.caspor-static-page__notes a {
    cursor: pointer
}

.caspor-static-page__promo-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 96px;
    margin-top: 32px;
    padding: 24px;
    border-radius: 20px;
    background: rgba(26, 56, 164, .1)
}

@media (max-width: 767px) {
    .caspor-static-page__promo-block {
        flex-direction: column;
        height: auto;
        padding: 32px 16px
    }
}

.caspor-static-page__promo-block span {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

@media (max-width: 767px) {
    .caspor-static-page__promo-block span {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px
    }
}

.caspor-static-page__promo-block button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 48px;
    padding: 0 24px;
    border: none;
    border-radius: 16px;
    background-color: #f90;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    transition: all .3s;
    font-family: Nunito, sans-serif;
    font-weight: 700
}

.caspor-static-page__promo-block button:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s
}

@media (max-width: 1279px) {
    .caspor-static-page__promo-block button:hover {
        background-color: #f90;
        color: #000
    }
}

@media (max-width: 767px) {
    .caspor-static-page__promo-block button {
        width: 100%;
        margin-top: 24px
    }
}

.caspor-static-page__aside {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: flex-end;
    width: auto;
    padding-left: 72px
}

@media (max-width: 1439px) {
    .caspor-static-page__aside {
        padding-left: 50px
    }
}

@media (max-width: 1279px) {
    .caspor-static-page__aside {
        display: none
    }
}

.caspor-static-page__aside img {
    width: 432px;
    height: 620px;
    object-fit: contain;
    object-position: center
}

@media (max-width: 1439px) {
    .caspor-static-page__aside img {
        width: 300px;
        height: 432px
    }
}

.caspor-static-page .caspor-static-page-cards {
    display: grid;
    grid-gap: 6px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin: 24px 0
}

@media (max-width: 1919px) {
    .caspor-static-page .caspor-static-page-cards {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 1023px) {
    .caspor-static-page .caspor-static-page-cards {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767px) {
    .caspor-static-page .caspor-static-page-cards {
        grid-template-columns: 100%;
        justify-items: center;
        align-items: center
    }
}

.caspor-static-page .caspor-static-page-card {
    width: 100%;
    padding: 32px 16px;
    border-radius: 20px
}

.caspor-static-page .caspor-static-page-card .card-header {
    margin: 0 0 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.caspor-static-page .caspor-static-page-card .card-description {
    margin: 24px 0 0
}

.caspor-static-page .caspor-static-page-card .card-content-label {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px
}

.caspor-static-page .caspor-static-page-card .card-content-value {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px
}

ol {
    counter-reset: item
}

ol>li {
    counter-increment: item
}

ol ol>li {
    display: block
}

ol ol>li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px
}

.input-with-placeholder__container {
    flex: 1;
    margin-right: 10px
}

.input-with-placeholder__container:last-child {
    margin-right: 0
}

.input-with-placeholder__container app-validation-message {
    margin-bottom: 0
}

.input-with-placeholder__wrapper {
    position: relative !important
}

.input-with-placeholder__wrapper--active .input-with-placeholder__label {
    top: 14px !important;
    font-size: 10px !important;
    line-height: 12px !important
}

.input-with-placeholder__wrapper--active .input-with-placeholder__input {
    padding: 26px 12px 10px 10px !important
}

.input-with-placeholder__wrapper--active select.input-with-placeholder__input {
    padding: 26px 26px 10px 10px !important
}

.input-with-placeholder__wrapper--error .input-with-placeholder__label {
    color: red !important
}

.input-with-placeholder__label {
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    height: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: Nunito, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #ffffff80 !important;
    pointer-events: none;
    transform: translateY(-50%) !important;
    transition: all .3s ease-in-out !important
}

.input-with-placeholder__input {
    padding: 18px 12px 18px 10px !important;
    color: #fff !important
}

.error-pages {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 100vh;
    padding: 24px 24px 208px;
    background-color: #0f1031;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    overflow: hidden
}

@media (max-width: 767px) {
    .error-pages {
        padding: 24px 16px 194px
    }
}

.error-pages--403 {
    background-image: url(/assets/images/403.jpg)
}

@media (max-width: 767px) {
    .error-pages--403 {
        background-image: url(/assets/images/403-mob.jpg)
    }
}

.error-pages--404 {
    background-image: url(/assets/images/404.jpg)
}

@media (max-width: 767px) {
    .error-pages--404 {
        background-image: url(/assets/images/404-mob.jpg)
    }
}

.error-pages--500 {
    background-image: url(/assets/images/404.jpg)
}

@media (max-width: 767px) {
    .error-pages--500 {
        background-image: url(/assets/images/404-mob.jpg)
    }
}

.error-pages__logo {
    width: 271px;
    height: 56px;
    margin-bottom: 128px;
    cursor: pointer
}

@media (max-width: 767px) {
    .error-pages__logo {
        width: 161px;
        height: 34px;
        margin-bottom: 128px
    }
}

.error-pages__logo--403 {
    margin-bottom: 216px
}

@media (max-width: 767px) {
    .error-pages__logo--403 {
        margin-bottom: 149px
    }
}

.error-pages__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.error-pages__number {
    position: relative;
    margin-bottom: 128px
}

@media (max-width: 767px) {
    .error-pages__number {
        width: 100%;
        height: 136px;
        margin-bottom: 128px
    }

    .error-pages__number>img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center
    }
}

.error-pages__number-clouds {
    position: absolute;
    bottom: 0;
    transform: translate(-17%, 60%)
}

.error-pages__container {
    width: 100%;
    margin-bottom: 54px
}

@media (max-width: 767px) {
    .error-pages__container {
        margin-bottom: 32px
    }
}

.error-pages__title {
    margin: 0 0 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: .25px
}

@media (max-width: 767px) {
    .error-pages__title {
        margin: 0 0 8px;
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: .15px
    }
}

.error-pages__text {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .15px
}

@media (max-width: 767px) {
    .error-pages__text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }
}

.error-pages__text--big {
    font-weight: 700;
    font-size: 70px;
    line-height: 72px;
    letter-spacing: -.5px
}

@media (max-width: 767px) {
    .error-pages__text--big {
        font-weight: 600;
        font-size: 26px;
        line-height: 36px;
        letter-spacing: normal
    }
}

.error-pages__text a {
    color: #ebff00;
    text-decoration: none;
    transition: all .3s
}

.error-pages__text a:hover {
    text-decoration: underline;
    transition: all .3s
}

.error-pages__btn-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.error-pages__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 355px;
    height: 66px;
    padding: 0;
    border: 2px solid #C02C5D;
    border-radius: 12px;
    background-color: #c02c5d;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
    font-family: Nunito, sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
    color: #ffffffde;
    letter-spacing: .46px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s
}

.error-pages__btn:hover {
    background-color: transparent;
    transition: all .3s
}

.error-pages__btn:hover i:before,
.error-pages__btn:hover i:after {
    transition: all .3s
}

.error-pages__btn:hover i:before {
    background-color: #ffffffde
}

.error-pages__btn:hover i:after {
    border-top: 2px solid rgba(255, 255, 255, .87);
    border-right: 2px solid rgba(255, 255, 255, .87)
}

@media (max-width: 767px) {
    .error-pages__btn {
        width: 230px;
        height: 56px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: .4px;
        text-transform: none
    }
}

.error-pages__btn i {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 12px
}

.error-pages__btn i:before,
.error-pages__btn i:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    transition: all .3s
}

.error-pages__btn i:before {
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .error-pages__btn i:before {
        background-color: #ffffffde
    }
}

.error-pages__btn i:after {
    right: 5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg) translateY(-70%)
}

@media (max-width: 767px) {
    .error-pages__btn i:after {
        border-top: 2px solid rgba(255, 255, 255, .87);
        border-right: 2px solid rgba(255, 255, 255, .87)
    }
}

@media (max-width: 767px) {
    .error-pages__btn i {
        width: 13px;
        height: 13px
    }
}

@charset "UTF-8";

.caspor-form--datepicker {
    position: relative
}

.caspor-form input {
    width: 100%;
    height: 56px;
    padding: 22px 12px;
    border: 2px solid transparent;
    border-radius: 16px;
    background: #0a0a46;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    caret-color: #f90
}

.caspor-form input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important
}

.caspor-form input::placeholder {
    color: #ffffff80
}

.caspor-form input:hover {
    border-color: #f90
}

.caspor-form input:hover::placeholder {
    color: #fff
}

.caspor-form input:focus {
    border-color: #f90
}

.caspor-form input.with-placeholder {
    padding: 26px 12px 10px 10px
}

.caspor-form input.ng-touched.ng-invalid,
.caspor-form input.invalid {
    border-color: red
}

.caspor-form input[readonly]:not(.date-picker-input):hover {
    border-color: transparent
}

.caspor-form input[readonly]:not(.date-picker-input):focus {
    border-color: transparent
}

.caspor-form input[type=checkbox] {
    height: 28px;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    appearance: none
}

.caspor-form input[type=checkbox]:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #FF9900;
    border-radius: 5px;
    background-color: #ff99001a;
    line-height: 1.5em;
    cursor: pointer
}

.caspor-form input[type=checkbox]:checked:after {
    content: "";
    background-image: url(/assets/icons/icon-check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    color: #fff;
    text-align: center
}

.caspor-form input[type=date] {
    position: relative
}

.caspor-form input[type=date]:after {
    content: "";
    position: absolute;
    top: 40%;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FF9900;
    z-index: 98
}

.caspor-form input[type=date]::-webkit-calendar-picker-indicator,
.caspor-form input[type=date]::-webkit-inner-spin-button {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    height: auto;
    width: auto;
    background: transparent;
    color: transparent;
    cursor: pointer
}

.caspor-form textarea {
    width: 100%;
    height: 168px;
    padding: 18px 12px;
    border: 2px solid transparent;
    border-radius: 20px;
    background: #0a0a46;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    caret-color: #f90;
    resize: none;
    outline: none
}

.caspor-form textarea::placeholder {
    color: #ffffff80
}

.caspor-form textarea:hover {
    border-color: #f90
}

.caspor-form textarea:hover::placeholder {
    color: #fff
}

.caspor-form textarea:focus {
    border-color: #f90
}

.caspor-form textarea.invalid {
    border-color: red
}

.caspor-form .dropdown-wrapper {
    position: relative;
    width: 100%;
    background-color: transparent
}

.caspor-form .dropdown-wrapper:after {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    right: 21px;
    width: 10px;
    height: 6px;
    background-image: url(/assets/icons/accordion-arrow.svg)
}

.caspor-form .dropdown-wrapper--readonly:after {
    display: none
}

.caspor-form .dropdown-wrapper.mobile {
    height: 56px
}

.caspor-form .dropdown-wrapper.mobile select {
    padding: 16px 24px 16px 12px
}

.caspor-form .dropdown-wrapper select {
    height: 56px;
    width: 100%;
    padding: 16px 24px 16px 12px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #0a0a46;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    -webkit-appearance: none !important;
    appearance: none !important
}

.caspor-form .dropdown-wrapper select:hover {
    border-color: #f90;
    cursor: pointer
}

.caspor-form .dropdown-wrapper select:hover::placeholder {
    color: #fff
}

.caspor-form .dropdown-wrapper select::placeholder {
    color: #ffffff80
}

.caspor-form .dropdown-wrapper select:focus {
    border-color: #f90
}

.caspor-form .dropdown-wrapper select.menu-select {
    padding: 16px 24px 16px 16px;
    border: 3px solid rgba(255, 153, 0, .1);
    background-color: transparent
}

.caspor-form .dropdown-wrapper select[readonly] {
    pointer-events: none;
    touch-action: none
}

.caspor-form .dropdown-wrapper select option {
    background-color: #0a0a46;
    color: #fff
}

.caspor-form .dropdown-wrapper select.ng-touched.ng-invalid {
    border-color: red
}

.caspor-form .dropdown-wrapper select.no-value {
    color: #7f8799
}

.caspor-form .dropdown-inline-label.dropdown-wrapper select {
    padding: 16px 24px 16px 16px;
    border-color: transparent
}

.caspor-form .dropdown-inline-label.dropdown-wrapper select:hover {
    border-color: transparent;
    cursor: pointer
}

.caspor-form .dropdown-inline-label.dropdown-wrapper select:focus {
    border-color: transparent
}

.caspor-form .dropdown-inline-label {
    display: flex;
    align-items: center;
    border: 3px solid #0a0a46;
    border-radius: 16px;
    background-color: #0a0a46
}

.caspor-form .dropdown-inline-label:hover {
    border-color: #f90
}

.caspor-form .dropdown-inline-label label {
    padding-left: 12px;
    padding-right: 3px;
    line-height: 1;
    color: #fff;
    white-space: nowrap
}

.caspor-form .dropdown-inline-label .dropdown-wrapper select {
    padding: 16px 24px 16px 16px;
    color: #f90
}

.caspor-form .dropdown-inline-label .dropdown-wrapper select:hover {
    border-color: transparent;
    cursor: pointer
}

.caspor-form .dropdown-inline-label .dropdown-wrapper select:focus {
    border-color: transparent
}

.caspor-form .btn {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 16px;
    font-family: Nunito, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: transparent
}

.caspor-form .btn.default-btn {
    margin: 0;
    padding: 16px 24px;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid transparent;
    background-color: #ffffff4d;
    color: #fff
}

.caspor-form .btn.default-btn:hover {
    border: 2px solid rgba(255, 255, 255, .3);
    background-color: transparent;
    color: #fff
}

.caspor-form .btn.default-btn.disabled,
.caspor-form .btn.default-btn[disabled] {
    border: 2px solid rgba(255, 255, 255, .3);
    background-color: transparent;
    color: #fff;
    opacity: 1
}

.caspor-form .btn.default-btn:disabled,
.caspor-form .btn.default-btn[disabled] {
    border-color: transparent;
    background: rgba(255, 255, 255, .3);
    opacity: .5
}

.caspor-form .btn.primary-btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    border: 3px solid transparent;
    background: #0024E1;
    color: #fff;
    text-align: center
}

.caspor-form .btn.primary-btn:hover {
    background-color: #f90;
    color: #000
}

.caspor-form .btn.primary-btn:active {
    border-color: #f90;
    background-color: #ff9900b3;
    color: #000
}

.caspor-form .btn.primary-btn.disabled,
.caspor-form .btn.primary-btn[disabled] {
    background-color: #ffffff4d;
    opacity: 1
}

.caspor-form .btn.primary-btn.disabled:hover,
.caspor-form .btn.primary-btn[disabled]:hover {
    color: #fff
}

.caspor-form .btn.secondary-btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    border: 3px solid #FF9900;
    background: #0c031f;
    color: #f90;
    text-align: center
}

.caspor-form .btn.secondary-btn:hover {
    background-color: #f90;
    color: #000
}

@media (pointer: coarse) {
    .caspor-form .btn.secondary-btn:hover {
        border: 3px solid #FF9900;
        background: #0c031f;
        color: #f90;
        text-align: center
    }
}

.caspor-form-mobile input,
.caspor-form-mobile .btn {
    height: 56px
}

@media (max-width: 700px) {
    .caspor-form button.btn-v {
        width: 100%
    }
}

.caspor-form .btn-v {
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 16px;
    background-color: transparent;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.caspor-form .btn-v.btn-v2 {
    border: 2px solid #FF9900;
    color: #f90
}

.caspor-form .btn-v.btn-v2:hover {
    background-color: #f90;
    color: #000
}

.caspor-form .btn-v.btn-v2.disabled,
.caspor-form .btn-v.btn-v2[disabled] {
    border-color: transparent;
    background-color: #ffffff4d;
    color: #fff;
    opacity: 1;
    line-height: 28px
}

.caspor-form .btn-v.btn-v3 {
    border: 2px solid transparent;
    background-color: #0024e1;
    color: #fff;
    line-height: 28px
}

.caspor-form .btn-v.btn-v3:hover {
    border: 2px solid #0024E1;
    background-color: transparent;
    color: #fff
}

.caspor-form .btn-v.btn-v3.disabled,
.caspor-form .btn-v.btn-v3[disabled] {
    border: 2px solid rgba(255, 255, 255, .3);
    background-color: transparent;
    color: #fff;
    opacity: 1
}

.caspor-form .btn-v.btn-v3-secondary {
    border: 2px solid transparent;
    background-color: #f90;
    color: #fff
}

.caspor-form .btn-v.btn-v3-secondary:hover {
    border: 2px solid #FF9900;
    background-color: transparent;
    color: #fff
}

.caspor-form .btn-v.btn-v3-secondary.disabled,
.caspor-form .btn-v.btn-v3-secondary[disabled] {
    border: 2px solid rgba(255, 255, 255, .3);
    background-color: transparent;
    color: #fff;
    opacity: 1
}

.caspor-form .btn-v.btn-v4 {
    border: 2px solid transparent;
    background-color: #f90;
    color: #fff;
    color: #000
}

.caspor-form .btn-v.btn-v4:hover {
    border: 2px solid #FF9900;
    background-color: transparent;
    color: #fff
}

.caspor-form .btn-v.btn-v4.disabled,
.caspor-form .btn-v.btn-v4[disabled] {
    border: 2px solid rgba(255, 255, 255, .3);
    background-color: transparent;
    color: #fff;
    opacity: 1
}

.caspor-form .btn-v.btn-v4:hover {
    background-color: #000;
    color: #f90
}

.caspor-form .datepicker {
    display: flex;
    align-items: center;
    border: 3px solid #0a0a46;
    border-radius: 16px;
    background-color: #0a0a46
}

.caspor-form .datepicker:hover {
    border-color: #f90
}

.caspor-form .datepicker label {
    padding-left: 12px;
    padding-right: 3px;
    line-height: 1;
    color: #fff;
    white-space: nowrap
}

.caspor-form .datepicker input {
    padding-left: 0;
    padding-top: 24px;
    color: #f90
}

.caspor-form .datepicker input:hover,
.caspor-form .datepicker input:focus {
    border-color: transparent
}

.popover-body .btn-v {
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 16px;
    background-color: transparent;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.popover-body .btn-v.btn-v3-secondary {
    border: 2px solid transparent;
    background-color: #f90;
    color: #000
}

.popover-body .btn-v.btn-v3-secondary:hover {
    border: 2px solid #FF9900;
    background-color: transparent;
    color: #f90
}

.popover-body .btn-v.btn-v3-secondary.disabled,
.popover-body .btn-v.btn-v3-secondary[disabled] {
    border: 2px solid rgba(255, 255, 255, .3);
    background-color: transparent;
    color: #000;
    opacity: 1
}

.action-btn:after {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    right: 19px;
    width: 10px;
    height: 6px;
    background-image: url(/assets/icons/accordion-arrow.svg);
    transform: rotate(0);
    transition: all .3s
}

.craft_btn {
    height: 44px;
    border: none;
    border-radius: 4px;
    background: var(--button-background-color, #efefef);
    font-size: 16px;
    font-weight: 600;
    line-height: 44px;
    cursor: pointer
}

.craft_btn.change-password_btn {
    background-color: var(--change-pass-background-color, #efefef);
    color: var(--change-pass-color, #000)
}

.bg_payment {
    background-image: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color, #FFFFFF) 0%, var(--payment-button-background-gradient-second-color, #FFFFFF) 100%)
}

.bg_recovery {
    background-image: -webkit-linear-gradient(90deg, var(--recovery-button-background-gradient-first-color, #FFFFFF) 0%, var(--recovery-button-background-gradient-second-color, #FFFFFF) 100%)
}

.action-btn {
    position: relative;
    min-width: 190px;
    padding: 16px 12px;
    border: 3px solid rgba(255, 153, 0, .1);
    border-radius: 16px;
    background: transparent;
    font-size: 14px;
    font-family: Nunito, sans-serif;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.action-btn:hover,
.action-btn:focus {
    border-color: #0024e1;
    cursor: pointer;
    outline: none
}

.action-btn:after {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    right: 19px;
    width: 10px;
    height: 6px;
    background-image: url(/assets/icons/accordion-arrow.svg);
    transform: rotate(0);
    transition: all .3s
}

.action-btn--opened:after {
    transform: rotate(180deg);
    transition: all .3s
}

.action-btn--filters {
    text-align: left
}

.margin-left-auto {
    margin-left: auto
}

.min-height {
    min-height: 560px
}

.max-width {
    max-width: 1600px
}

.full-width {
    float: left;
    width: 100%
}

.full-percent-width {
    width: 100%
}

.distans-right {
    margin-right: 15px
}

.distans-left {
    margin-left: 15px
}

.distans-half-right {
    margin-right: 8px
}

.distans-half-left {
    margin-left: 8px
}

.flex_vertical-center {
    display: flex;
    align-items: center
}

.flex_around {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex_between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex_between.disabled {
    opacity: .5
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex_column_center {
    display: flex;
    flex-direction: column
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a,
a:hover,
a:active {
    text-decoration: none
}

.disable-item {
    pointer-events: none
}

::-webkit-scrollbar-track {
    border-radius: 15px;
    background-color: var(--scrollbar-track-color, #FFFFFF)
}

::-webkit-scrollbar {
    width: 4.8px;
    background-color: var(--scrollbar-track-color, #FFFFFF)
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover-color, #FFFFFF)
}

*::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: var(--scrollbar-thumb-color, #FFFFFF)
}

.form_field .place-holder {
    color: #878fa2
}

.form_field select {
    color: var(--text-color, #FFFFFF)
}

.form_field input::-webkit-input-placeholder {
    color: #878fa2
}

.form_field input:-ms-input-placeholder {
    color: #878fa2
}

.form_field input::-moz-placeholder {
    color: #878fa2
}

.form_field select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 2px solid #260F3A;
    border-radius: 16px;
    background: transparent;
    font-size: 14px;
    font-weight: 400
}

.form_field select option {
    height: 40px;
    background: var(--select-background-color, #FFFFFF);
    color: var(--text-color, #FFFFFF)
}

.form_row {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 0;
    line-height: 40px;
    clear: both
}

.form_row .form_field {
    width: 100%
}

.form_row2 {
    display: flex;
    margin: 15px 0
}

.form_row2 .form_field {
    width: 50%
}

.form_row3 {
    display: flex;
    margin: 15px 0
}

.form_row3 .form_field {
    width: 33.333333%
}

.form_field .quarter-width {
    width: 25%
}

.form_field .half-width {
    width: 50%
}

.form_field .full-width {
    width: 100%
}

.common-field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    margin-bottom: 13px;
    border: 1px solid rgba(219, 237, 255, .7);
    border-radius: 6px;
    background: transparent;
    font-size: 14px;
    line-height: unset;
    color: #d4d4d4
}

.common-field .inputText {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    color: #d4d4d4;
    outline: none
}

.common-field .floating-label {
    position: absolute;
    top: -10px;
    left: 10px;
    padding-left: 4px;
    padding-right: 4px;
    background: var(--m-register-view-background-color, rgba(19, 26, 44, .75));
    font-size: 16px;
    color: #dbedff;
    pointer-events: none
}

.common-field .input_field {
    border: none;
    background: none;
    outline: none;
    color: var(--text-color, rgba(219, 237, 255, .3))
}

.common-field .input_field::-webkit-input-placeholder {
    font-weight: 400;
    color: var(--login-placeholder-color, #fff);
    opacity: .3
}

.common-field .input_field::-ms-input-placeholder {
    font-weight: 400;
    color: var(--login-placeholder-color, #fff)
}

.common-field .input_field::-moz-placeholder {
    font-weight: 400;
    color: var(--login-placeholder-color, #fff)
}

.common-field .input_field.password {
    width: 90%
}

.common-field .icon-open-password-type {
    font-size: 20px
}

.common-field .login-info-icon {
    display: var(--login-section-info-display, inline-block)
}

.common-field.invalid-field {
    border: 1px solid #ff4848
}

.common-field.invalid-field .floating-label {
    color: #ff4848
}

.common-field_top {
    position: relative
}

.common-title {
    position: relative;
    padding: 6px 10px;
    background: var(--payments-info-header-background-color, #333);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.48px;
    color: var(--payments-info-header-color, #fff);
    text-transform: uppercase
}

.common-title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-image: linear-gradient(to bottom, #7e494f, #3f2526)
}

.common-button {
    width: 100%;
    height: 40px;
    margin-top: 8px;
    padding: 0 32px;
    border: none;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, var(--btn-top-background-color, #9cbc3f), var(--btn-bottom-background-color, #7fa309));
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: var(--btn-color, #fff);
    text-transform: uppercase;
    opacity: .9;
    cursor: pointer
}

.custom-dropdown {
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 4px 16px;
    background: #f2f2f2;
    border-radius: 8px
}

.custom-dropdown .current-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    text-transform: capitalize
}

.custom-dropdown .current-item .down-arrow {
    width: 10px;
    height: 6px;
    transition: all .4s ease
}

.custom-dropdown .dropdown-list {
    position: absolute;
    left: 0;
    top: 62px;
    display: none;
    width: 100%;
    max-height: 240px;
    border: solid 1px #ebebeb;
    border-radius: 8px;
    box-shadow: 0 2px 4px #1d273378;
    overflow-y: auto;
    z-index: 1
}

.custom-dropdown .dropdown-list li {
    display: flex;
    align-items: center;
    padding: 4px 16px;
    border-bottom: 1px solid rgba(105, 122, 143, .2)
}

.custom-dropdown .dropdown-list li img {
    height: 50px;
    margin-right: 8px
}

.custom-dropdown.opened .current-item .down-arrow {
    transform: rotate(-180deg);
    transition: all .4s ease
}

.custom-dropdown.opened .dropdown-list {
    display: block;
    background: white
}

.custom_dropdown {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer
}

.custom_dropdown__arrow {
    transform: rotate(0);
    transition: all .3s
}

.custom_dropdown.opened .custom_dropdown__arrow {
    transform: rotate(180deg);
    transition: all .3s
}

.custom_dropdown .current_item {
    width: 100%;
    height: 40px;
    text-transform: capitalize
}

.custom_dropdown_img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.custom_dropdown .right-top {
    right: 0;
    top: 50px
}

.custom_dropdown_list {
    position: absolute;
    min-width: 130px;
    padding: 10px 10px 10px 17px;
    border-radius: 3px
}

.custom_dropdown_list .tail {
    position: absolute;
    top: -10px;
    right: 20px;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--drop-down-tail-color, #FFFFFF);
    transform: rotate(180deg)
}

.custom_dropdown_list_item {
    cursor: pointer
}

.custom_dropdown_list_item .list-section {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px
}

.custom_dropdown_list_item .list-section a {
    display: flex;
    align-items: center;
    width: 100%;
    height: inherit
}

.custom_dropdown_list_item .list-section app-global-logout {
    width: 100%;
    height: inherit
}

.account_title {
    font-size: 24px;
    font-weight: 400;
    color: #fff9
}

.game-open {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    text-align: center
}

.game-open .real-btn {
    border: 1px solid #8c8c8c;
    background: rgba(0, 0, 0, .9);
    color: #fff
}

.ngx-pagination a,
.ngx-pagination button {
    color: var(--pagination-text-color, #FFFFFF) !important
}

.ngx-pagination li.current {
    background: var(--pagination-selected-background-color, #FFFFFF);
    color: var(--pagination-selected-text-color, #FFFFFF)
}

.ngx-pagination li a {
    border-radius: 4px
}

.error-message {
    position: relative;
    top: var(--error-message-top, -6px);
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 32px;
    color: var(--error-message-color, #FF0029)
}

.error-message .icon-error-message {
    margin-right: 10px;
    font-size: 14px
}

.error-message .icon-close-modal {
    margin-left: auto;
    font-size: 8px;
    color: #131a2c
}

.error_message {
    position: relative;
    top: var(--error-message-top, -6px);
    display: block;
    font-size: 13px;
    color: var(--error-message-color, #FF0029);
    white-space: nowrap;
    overflow: hidden
}

.error_message.change-password-form {
    top: 0
}

.error_message.different-values {
    top: 0;
    max-width: 100%;
    text-align: left
}

.error_message.longTag {
    max-width: 210px
}

.form-error-message {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: red;
    text-align: left
}

.success_message {
    font-size: 14px;
    color: #3c763d
}

.show-message {
    position: absolute;
    bottom: 5px
}

button,
input,
select {
    outline: none
}

button.disabled,
button[disabled],
input.disabled,
input[disabled],
select.disabled,
select[disabled] {
    pointer-events: none;
    opacity: .5
}

.default-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #f2f2f2
}

.default-scroll::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #717171
}

.default-scroll::-webkit-scrollbar-track {
    border-radius: 15px;
    background-color: #f2f2f2
}

.flex-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.jackpot {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: var(--casino-jackpot-background-color, #0c6be8);
    font-style: normal;
    color: var(--casino-jackpot-text-color, #FFFFFF);
    opacity: var(--casino-jackpot-opacity, .8);
    text-align: center
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/fonts/montserrat/Montserrat-400.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/fonts/montserrat/Montserrat-600.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/fonts/montserrat/Montserrat-700.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/fonts/montserrat/Montserrat-800.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/fonts/montserrat/Montserrat-900.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url(/assets/fonts/nunito/Nunito-400.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url(/assets/fonts/nunito/Nunito-600.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url(/assets/fonts/nunito/Nunito-700.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url(/assets/fonts/nunito/Nunito-800.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

* {
    box-sizing: border-box;
    touch-action: manipulation
}

body {
    font-family: Nunito, sans-serif;
    margin: 0
}

.fixedSection {
    position: fixed
}

.fullHeight {
    height: 100%
}

#default_section.removeFooter .responsive-height:nth-child(1) {
    height: 100%
}

.header-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: blur(84px);
    backdrop-filter: blur(84px);
    z-index: 99;
    transition: all .3s
}

.header-section--blured {
    background-color: transparent;
    transition: all .3s
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .header-section--blured {
        background-color: #000c
    }
}

.header-section__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1780px;
    height: var(--header-top-section-height, auto);
    margin: 0 auto;
    padding: 0 72px
}

.header-section .header-section__group1 {
    width: var(--header-section-group1-width, auto);
    min-width: var(--header-section-group1-min-width, 100px);
    height: var(--header-section-group1-height, 100%);
    margin-bottom: var(--header-section-group1-margin-bottom, 0);
    margin-top: var(--header-section-group1-margin-top, 0);
    margin-right: var(--header-section-group1-margin-right, 0);
    margin-left: var(--header-section-group1-margin-left, 0);
    padding-top: var(--header-section-group1-padding-top, 0);
    padding-bottom: var(--header-section-group1-padding-bottom, 0);
    padding-left: var(--header-section-group1-padding-left, 0);
    padding-right: var(--header-section-group1-padding-right, 0)
}

.header-section .header-section__group2 {
    width: var(--header-section-group2-width, auto);
    min-width: var(--header-section-group2-min-width, 100%);
    height: var(--header-section-group2-height, auto);
    margin-bottom: var(--header-section-group2-margin-bottom, 0);
    margin-top: var(--header-section-group2-margin-top, 0);
    margin-right: var(--header-section-group2-margin-right, 0);
    margin-left: var(--header-section-group2-margin-left, 0);
    padding-top: var(--header-section-group2-padding-top, 0);
    padding-bottom: var(--header-section-group2-padding-bottom, 0);
    padding-left: var(--header-section-group2-padding-left, 0);
    padding-right: var(--header-section-group2-padding-right, 0)
}

.header-section_topPanel {
    max-width: var(--header-panel1-max-width, 100%);
    margin-left: var(--header-panel1-margin-left, 0);
    margin-right: var(--header-panel1-margin-right, 0);
    margin-top: var(--header-panel1-margin-top, 0);
    margin-bottom: var(--header-panel1-margin-bottom, 0);
    border-bottom-style: var(--header-panel1-border-bottom-style, none);
    border-top-style: var(--header-panel1-border-top-style, none);
    border-left-style: var(--header-panel1-border-left-style, none);
    border-right-style: var(--header-panel1-border-right-style, none);
    border-top-color: var(--header-panel1-border-top-color, transparent);
    border-bottom-color: var(--header-panel1-border-bottom-color, transparent);
    border-left-color: var(--header-panel1-border-left-color, transparent);
    border-right-color: var(--header-panel1-border-right-color, transparent);
    border-left-width: var(--header-panel1-border-left-width, 0);
    border-right-width: var(--header-panel1-border-right-width, 0);
    border-top-width: var(--header-panel1-border-top-width, 0);
    border-bottom-width: var(--header-panel1-border-bottom-width, 0);
    border-top-left-radius: var(--header-panel1-border-top-left-radius, 0);
    border-top-right-radius: var(--header-panel1-border-top-right-radius, 0);
    border-bottom-left-radius: var(--header-panel1-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--header-panel1-border-bottom-right-radius, 0)
}

@media (max-width: 1439px) {
    .header-section_topPanel {
        height: 72px
    }
}

@media (max-width: 767px) {
    .header-section_topPanel {
        height: 60px
    }
}

.header-section_topPanel_right {
    display: flex;
    align-items: center
}

.header-section_topPanel_left {
    height: 56px
}

.header-section_topPanel_left .logo_img {
    outline: none;
    cursor: pointer;
    width: 271px;
    height: 56px
}

@media (max-width: 1439px) {
    .header-section_topPanel_left .logo_img {
        width: 190px;
        height: 40px
    }
}

.header-section_topPanel .panel1-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    width: 100%
}

.header-section_topPanel .panel1-menu li {
    position: relative;
    display: flex;
    align-items: center;
    outline: none
}

.header-section_topPanel .panel1-menu li.onlyMenuItem {
    height: var(--header-menu-item-style1-height, 100%);
    line-height: var(--header-menu-item-style1-line-height, 16px)
}

.header-section_topPanel .panel1-menu li.image-style2 {
    height: auto
}

.header-section .general-menu {
    display: flex;
    align-items: var(--header-menu-item-style1-item-align, center);
    justify-content: flex-end;
    flex-direction: row;
    width: 100%;
    font-family: Nunito, sans-serif
}

.header-section .general-menu_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none
}

.header-section .general-menu_item.header-menu-more,
.header-section .general-menu_item.header-menu-more:hover {
    padding-top: var(--header-menu-more-padding-top, 9px);
    padding-bottom: var(--header-menu-more-padding-bottom, 9px);
    border: solid var(--header-menu-more-border-width, 1px) var(--header-menu-more-border-color, #dbedff);
    border-radius: 4px
}

.header-section .dropdown-style1 {
    width: var(--dropdown-style1-width, auto);
    min-width: var(--dropdown-style1-min-width, 120px);
    height: var(--dropdown-style1-height, 25px);
    margin-bottom: var(--dropdown-style1-margin-bottom, 0);
    margin-top: var(--dropdown-style1-margin-top, 0);
    margin-left: var(--dropdown-style1-margin-left, 0);
    margin-right: var(--dropdown-style1-margin-right, 0);
    padding-right: var(--dropdown-style1-padding-right, 0);
    padding-bottom: var(--dropdown-style1-padding-bottom, 0);
    padding-top: var(--dropdown-style1-padding-top, 0);
    padding-left: var(--dropdown-style1-padding-left, 0);
    border-left-style: var(--dropdown-style1-border-left-style, none);
    border-right-style: var(--dropdown-style1-border-right-style, none);
    border-top-style: var(--dropdown-style1-border-top-style, none);
    border-bottom-style: var(--dropdown-style1-border-bottom-style, none);
    border-left-width: var(--dropdown-style1-border-left-width, 0);
    border-right-width: var(--dropdown-style1-border-right-width, 0);
    border-top-width: var(--dropdown-style1-border-top-width, 0);
    border-bottom-width: var(--dropdown-style1-border-bottom-width, 0);
    border-left-color: var(--dropdown-style1-border-left-color, none);
    border-right-color: var(--dropdown-style1-border-right-color, none);
    border-bottom-color: var(--dropdown-style1-border-bottom-color, none);
    border-top-color: var(--dropdown-style1-border-top-color, none);
    border-top-left-radius: var(--dropdown-style1-border-top-left-radius, 0);
    border-top-right-radius: var(--dropdown-style1-border-top-right-radius, 0);
    border-bottom-left-radius: var(--dropdown-style1-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--dropdown-style1-border-bottom-right-radius, 0);
    background-color: var(--dropdown-style1-background-color, none);
    background-image: var(--dropdown-style1-background-image, none);
    color: var(--dropdown-style1-color, #d0d9e7);
    font-size: var(--dropdown-style1-font-size, 12px)
}

.header-section .dropdown-style1:hover {
    background-color: var(--dropdown-style1-hover-background-color, none);
    background-image: var(--dropdown-style1-hover-background-image, none)
}

.header-section .dropdown-style1:hover .dropdown-style1-type-Dpd {
    color: var(--dropdown-style1-hover-color, #d0d9e7)
}

.header-section .dropdown-style1:hover .dropdown-style1-type-Dpd .dropdown-header-title {
    color: var(--dropdown-style1-title-hover-color, #d0d9e7)
}

.header-section .dropdown-style1:hover .dropdown-style1-type-Dpd .drop_down_icon,
.header-section .dropdown-style1:hover .dropdown-style1-type-Dpd .dropdown-header-left-icon {
    color: #c02c5d
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: var(--dropdown-style1-height, 100%);
    margin-bottom: var(--dropdown-style1-header-section-margin-bottom, 0);
    margin-top: var(--dropdown-style1-header-section-margin-top, 0);
    margin-left: var(--dropdown-style1-header-section-margin-left, 0);
    margin-right: var(--dropdown-style1-header-section-margin-right, 0);
    padding-right: var(--dropdown-style1-header-section-padding-right, 0);
    padding-left: var(--dropdown-style1-header-section-padding-left, 0);
    padding-bottom: var(--dropdown-style1-header-section-padding-bottom, 0);
    padding-top: var(--dropdown-style1-header-section-padding-top, 0);
    border-top-left-radius: var(--dropdown-style1-header-section-border-top-left-radius, 0);
    border-bottom-right-radius: var(--dropdown-style1-header-section-border-bottom-right-radius, 0);
    border-top-right-radius: var(--dropdown-style1-header-section-border-top-right-radius, 0);
    border-bottom-left-radius: var(--dropdown-style1-header-section-border-bottom-left-radius, 0);
    border-top-color: var(--dropdown-style1-header-section-border-top-color, transparent);
    border-bottom-color: var(--dropdown-style1-header-section-border-bottom-color, transparent);
    border-left-color: var(--dropdown-style1-header-section-border-left-color, transparent);
    border-right-color: var(--dropdown-style1-header-section-border-right-color, transparent);
    border-top-width: var(--dropdown-style1-header-section-border-top-width, 0);
    border-bottom-width: var(--dropdown-style1-header-section-border-bottom-width, 0);
    border-left-width: var(--dropdown-style1-header-section-border-left-width, 0);
    border-right-width: var(--dropdown-style1-header-section-border-right-width, 0);
    border-top-style: var(--dropdown-style1-header-section-border-top-style, solid);
    border-bottom-style: var(--dropdown-style1-header-section-border-bottom-style, solid);
    border-left-style: var(--dropdown-style1-header-section-border-left-style, solid);
    border-right-style: var(--dropdown-style1-header-section-border-right-style, solid);
    background-color: var(--dropdown-style1-header-section-background-color, transparent);
    color: var(--dropdown-style1-header-section-color, #fff);
    cursor: pointer
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd.opened {
    background-color: var(--dropdown-style1-hover-background-color, none);
    background-image: var(--dropdown-style1-hover-background-image, none)
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd.opened .custom_dropdown_list {
    display: block
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd.opened .dropdown-header-title {
    color: var(--dropdown-style1-hover-color, #d0d9e7)
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd.opened .drop_down_icon,
.header-section .dropdown-style1 .dropdown-style1-type-Dpd.opened .dropdown-header-left-icon {
    color: #c02c5d
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd .fa-angle-down {
    transition: all .4s ease
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd.opened .fa-angle-down {
    transform: rotate(-180deg)
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd .drop_down_icon {
    margin-left: var(--dropdown-style1-dropdown-icon-margin-left, 5px);
    margin-right: var(--dropdown-style1-dropdown-icon-margin-right, 0);
    margin-top: var(--dropdown-style1-dropdown-icon-margin-top, 0);
    margin-bottom: var(--dropdown-style1-dropdown-icon-margin-bottom, 0);
    font-size: var(--dropdown-style1-dropdown-icon-font-size, 12px);
    color: var(--dropdown-style1-dropdown-icon-color, #fff)
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd .dropdown-header-left-icon {
    margin-left: var(--dropdown-style1-dropdown-left-icon-margin-left, 0);
    margin-right: var(--dropdown-style1-dropdown-left-icon-margin-right, 0);
    margin-top: var(--dropdown-style1-dropdown-left-icon-margin-top, 0);
    margin-bottom: var(--dropdown-style1-dropdown-left-icon-margin-bottom, 0);
    font-size: var(--dropdown-style1-dropdown-left-icon-font-size, 12px);
    color: var(--dropdown-style1-dropdown-left-icon-color, #fff)
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd .dropdown-header-title {
    margin-left: var(--dropdown-style1-dropdown-header-title-margin-left, 0);
    margin-right: var(--dropdown-style1-dropdown-header-title-margin-right, 0);
    margin-top: var(--dropdown-style1-dropdown-header-title-margin-top, 0);
    margin-bottom: var(--dropdown-style1-dropdown-header-title-margin-bottom, 0);
    font-size: var(--dropdown-style1-dropdown-header-title-font-size, 12px);
    color: var(--dropdown-style1-dropdown-header-title-color, #fff)
}

.header-section .dropdown-style1 .dropdown-style1-type-Dpd .custom_dropdown_img {
    width: var(--dropdown-style1-dropdown-header-image-width, 27px);
    height: var(--dropdown-style1-dropdown-header-image-height, 17px);
    background-size: var(--dropdown-style1-dropdown-header-image-background-size, cover);
    background-position-x: var(--dropdown-style1-dropdown-header-image-background-position-x, center);
    background-position-y: var(--dropdown-style1-dropdown-header-image-background-position-y, center);
    background-repeat: var(--dropdown-style1-dropdown-header-image-background-reapet, no-repeat)
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul,
.header-section .dropdown-style1 ul {
    display: none;
    top: var(--dropdown-style1-menu-list-top, 50px);
    min-width: var(--dropdown-style1-menu-list-min-width, 130px);
    padding-right: var(--dropdown-style1-menu-list-padding-right, 10px);
    padding-left: var(--dropdown-style1-menu-list-padding-left, 17px);
    padding-bottom: var(--dropdown-style1-menu-list-padding-bottom, 10px);
    padding-top: var(--dropdown-style1-menu-list-padding-top, 10px);
    border-top-right-radius: var(--dropdown-style1-menu-list-border-top-right-radius, 3px);
    border-top-left-radius: var(--dropdown-style1-menu-list-border-top-left-radius, 3px);
    border-bottom-right-radius: var(--dropdown-style1-menu-list-border-bottom-right-radius, 3px);
    border-bottom-left-radius: var(--dropdown-style1-menu-list-border-bottom-left-radius, 3px);
    background-color: var(--dropdown-style1-menu-list-background-color, #0863c4);
    cursor: pointer;
    z-index: 5555
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .tail,
.header-section .dropdown-style1 ul .tail {
    top: var(--dropdown-style1-menu-list-tail-top, -10px);
    right: var(--dropdown-style1-menu-list-tail-right, 20px);
    width: var(--dropdown-style1-menu-list-tail-width, 0);
    height: var(--dropdown-style1-menu-list-tail-height, 0);
    margin-left: var(--dropdown-style1-menu-list-tail-margin-left, -5px);
    margin-bottom: var(--dropdown-style1-menu-list-tail-margin-bottom, 0);
    margin-top: var(--dropdown-style1-menu-list-tail-margin-top, 0);
    margin-right: var(--dropdown-style1-menu-list-tail-margin-right, 0);
    border-left-width: var(--dropdown-style1-menu-list-tail-border-left-width, 10px);
    border-right-width: var(--dropdown-style1-menu-list-tail-border-right-width, 10px);
    border-top-width: var(--dropdown-style1-menu-list-tail-border-top-width, 10px);
    border-bottom-width: var(--dropdown-style1-menu-list-tail-border-bottom-width, 0);
    border-left-style: var(--dropdown-style1-menu-list-tail-border-left-style, solid);
    border-right-style: var(--dropdown-style1-menu-list-tail-border-right-style, solid);
    border-top-style: var(--dropdown-style1-menu-list-tail-border-top-style, solid);
    border-bottom-style: var(--dropdown-style1-menu-list-tail-border-bottom-style, none);
    border-left-color: var(--dropdown-style1-menu-list-tail-border-left-color, transparent);
    border-right-color: var(--dropdown-style1-menu-list-tail-border-right-color, transparent);
    border-top-color: var(--dropdown-style1-menu-list-tail-border-top-color, transparent);
    border-bottom-color: var(--dropdown-style1-menu-list-tail-border-bottom-color, transparent);
    border-top-left-radius: var(--dropdown-style1-menu-list-tail-border-top-left-radius, 0);
    border-top-right-radius: var(--dropdown-style1-menu-list-tail-border-top-right-radius, 0);
    border-bottom-left-radius: var(--dropdown-style1-menu-list-tail-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--dropdown-style1-menu-list-tail-border-bottom-right-radius, 0)
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid,
.header-section .dropdown-style1 ul .lang_grid {
    column-count: var(--dropdown-style1-language-list-grid-column-count, 1)
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item {
    min-width: var(--dropdown-style1-menu-item-min-width, 150px);
    height: var(--dropdown-style1-menu-item-height, 30px);
    margin-right: var(--dropdown-style1-menu-item-margin-right, 0);
    margin-left: var(--dropdown-style1-menu-item-margin-left, 0);
    margin-bottom: var(--dropdown-style1-menu-item-margin-bottom, 0);
    margin-top: var(--dropdown-style1-menu-item-margin-top, 0);
    padding-top: var(--dropdown-style1-menu-item-padding-top, 0);
    padding-bottom: var(--dropdown-style1-menu-item-padding-bottom, 0);
    padding-left: var(--dropdown-style1-menu-item-padding-left, 10px);
    padding-right: var(--dropdown-style1-menu-item-padding-right, 10px);
    background-color: var(--dropdown-style1-menu-item-background-color, none);
    font-size: var(--dropdown-style1-menu-item-font-size, 12px);
    cursor: pointer
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item:hover,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item:hover {
    background-color: var(--dropdown-style1-menu-item-hover-background-color, #ccc);
    color: var(--dropdown-style1-menu-item-hover-color, #000)
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item .menu-list-section,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item .menu-list-section {
    display: flex;
    align-items: center
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_name,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_name {
    padding-left: var(--dropdown-style1-menu-section-header-padding-left, 10px);
    padding-right: var(--dropdown-style1-menu-section-header-padding-right, 0);
    padding-top: var(--dropdown-style1-menu-section-header-padding-top, 0);
    padding-bottom: var(--dropdown-style1-menu-section-header-padding-bottom, 0);
    font-size: var(--dropdown-style1-menu-section-header-font-size, 14px)
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_list_img,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_list_img {
    width: var(--dropdown-style1-menu-section-img-width, 28px);
    height: var(--dropdown-style1-menu-section-img-height, 18px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item.section-style1,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item.section-style1 {
    background: none
}

.header-section .dropdown-style1 .dropdown-style1-custom-ul .lang_grid .custom_dropdown_list_item .list-section>a,
.header-section .dropdown-style1 ul .lang_grid .custom_dropdown_list_item .list-section>a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%
}

.header-section .dropdown-style1 button {
    width: var(--dropdown-style1-menu-btn-width, 100%);
    height: var(--dropdown-style1-menu-btn-height, 100%);
    margin-right: var(--dropdown-style1-menu-btn-margin-right, 0);
    margin-left: var(--dropdown-style1-menu-btn-margin-left, 0);
    margin-top: var(--dropdown-style1-menu-btn-margin-top, 0);
    margin-bottom: var(--dropdown-style1-menu-btn-margin-bottom, 0);
    padding-top: var(--dropdown-style1-menu-btn-padding-top, 0);
    padding-bottom: var(--dropdown-style1-menu-btn-padding-bottom, 0);
    padding-left: var(--dropdown-style1-menu-btn-padding-left, 0);
    padding-right: var(--dropdown-style1-menu-btn-padding-right, 0);
    background-color: var(--dropdown-style1-menu-btn-background-color, transparent);
    color: var(--dropdown-style1-menu-btn-color, #fff);
    font-size: var(--dropdown-style1-menu-btn-font-size, 12px);
    text-align: var(--dropdown-style1-menu-btn-text-align, left)
}

.header-section .dropdown-style2 {
    width: var(--dropdown-style2-width, auto);
    min-width: var(--dropdown-style2-min-width, 120px);
    height: var(--dropdown-style2-height, 25px);
    padding-right: var(--dropdown-style2-padding-right, 0);
    padding-bottom: var(--dropdown-style2-padding-bottom, 0);
    padding-top: var(--dropdown-style2-padding-top, 0);
    padding-left: var(--dropdown-style2-padding-left, 0);
    border-left-style: var(--dropdown-style2-border-left-style, none);
    border-right-style: var(--dropdown-style2-border-right-style, none);
    border-top-style: var(--dropdown-style2-border-top-style, none);
    border-bottom-style: var(--dropdown-style2-border-bottom-style, none);
    border-left-width: var(--dropdown-style2-border-left-width, 0);
    border-right-width: var(--dropdown-style2-border-right-width, 0);
    border-top-width: var(--dropdown-style2-border-top-width, 0);
    border-bottom-width: var(--dropdown-style2-border-bottom-width, 0);
    border-left-color: var(--dropdown-style2-border-left-color, none);
    border-right-color: var(--dropdown-style2-border-right-color, none);
    border-bottom-color: var(--dropdown-style2-border-bottom-color, none);
    border-top-color: var(--dropdown-style2-border-top-color, none);
    border-top-left-radius: var(--dropdown-style2-border-top-left-radius, 0);
    border-top-right-radius: var(--dropdown-style2-border-top-right-radius, 0);
    border-bottom-left-radius: var(--dropdown-style2-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--dropdown-style2-border-bottom-right-radius, 0);
    background-color: var(--dropdown-style2-background-color, none);
    background-image: var(--dropdown-style2-background-image, none);
    color: var(--dropdown-style2-color, #d0d9e7);
    font-size: var(--dropdown-style2-font-size, 12px)
}

.header-section .dropdown-style2:hover .dropdown-style2-type-Dpd {
    color: var(--dropdown-style2-hover-color, #d0d9e7)
}

.header-section .dropdown-style2:hover .dropdown-style2-type-Dpd .dropdown-header-title {
    color: var(--dropdown-style2-title-hover-color, #d0d9e7)
}

.header-section .dropdown-style2:hover .dropdown-style2-type-Dpd .drop_down_icon {
    color: var(--dropdown-style2-arrow-hover-color, #d0d9e7)
}

.header-section .dropdown-style2:hover .dropdown-style2-type-Dpd .dropdown-header-left-icon {
    color: var(--dropdown-style2-hover-color, #d0d9e7)
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd {
    display: flex;
    min-width: 160px;
    height: 56px;
    margin-bottom: var(--dropdown-style2-header-section-margin-bottom, 0);
    margin-top: var(--dropdown-style2-header-section-margin-top, 0);
    margin-left: var(--dropdown-style2-header-section-margin-left, 0);
    margin-right: var(--dropdown-style2-header-section-margin-right, 0);
    padding-right: var(--dropdown-style2-header-section-padding-right, 0);
    padding-left: var(--dropdown-style2-header-section-padding-left, 0);
    padding-bottom: var(--dropdown-style2-header-section-padding-bottom, 0);
    padding-top: var(--dropdown-style2-header-section-padding-top, 0);
    border: 3px solid rgba(255, 153, 0, .1);
    border-radius: 20px;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: var(--dropdown-style2-header-section-color, #fff);
    cursor: pointer
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd.opened {
    border: 3px solid #FF9900
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd.opened .custom_dropdown_list {
    display: block
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd .fa-angle-down {
    transition: all .4s ease
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd.opened .fa-angle-down {
    transform: rotate(-180deg)
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd .drop_down_icon {
    margin-left: var(--dropdown-style2-dropdown-icon-margin-left, 5px);
    margin-right: var(--dropdown-style2-dropdown-icon-margin-right, 0);
    margin-top: var(--dropdown-style2-dropdown-icon-margin-top, 0);
    margin-bottom: var(--dropdown-style2-dropdown-icon-margin-bottom, 0);
    font-size: var(--dropdown-style2-dropdown-icon-font-size, 12px);
    color: var(--dropdown-style2-dropdown-icon-color, #fff)
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd .dropdown-header-left-icon {
    margin-left: var(--dropdown-style2-dropdown-left-icon-margin-left, 0);
    margin-right: 10px;
    margin-top: var(--dropdown-style2-dropdown-left-icon-margin-top, 0);
    margin-bottom: var(--dropdown-style2-dropdown-left-icon-margin-bottom, 0);
    font-size: var(--dropdown-style2-dropdown-left-icon-font-size, 12px);
    color: #f90
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd .dropdown-header-angle-icon {
    margin-left: 25px;
    font-size: var(--dropdown-style1-dropdown-left-icon-font-size, 12px);
    color: #f90
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd .dropdown-header-title {
    margin-left: 8px;
    margin-right: auto;
    margin-top: var(--dropdown-style2-dropdown-header-title-margin-top, 0);
    margin-bottom: var(--dropdown-style2-dropdown-header-title-margin-bottom, 0);
    font-size: 14px;
    color: var(--dropdown-style2-dropdown-header-title-color, #fff)
}

.header-section .dropdown-style2 .dropdown-style2-type-Dpd .custom_dropdown_img {
    width: var(--dropdown-style2-dropdown-header-image-width, 27px);
    height: var(--dropdown-style2-dropdown-header-image-height, 17px);
    background-size: var(--dropdown-style2-dropdown-header-image-background-size, cover);
    background-position-x: var(--dropdown-style2-dropdown-header-image-background-position-x, center);
    background-position-y: var(--dropdown-style2-dropdown-header-image-background-position-y, center);
    background-repeat: var(--dropdown-style2-dropdown-header-image-background-reapet, no-repeat)
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul,
.header-section .dropdown-style2 ul {
    display: none;
    left: 3px;
    right: var(--dropdown-style2-menu-list-right, 0);
    top: 54px;
    min-width: var(--dropdown-style2-menu-list-min-width, 130px);
    padding-right: var(--dropdown-style2-menu-list-padding-right, 10px);
    padding-left: var(--dropdown-style2-menu-list-padding-left, 17px);
    padding-bottom: var(--dropdown-style2-menu-list-padding-bottom, 10px);
    padding-top: var(--dropdown-style2-menu-list-padding-top, 10px);
    border-radius: 20px;
    background: #100718;
    box-shadow: 0 14px 24px -10px #0000008f;
    cursor: pointer;
    z-index: 5555
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .tail,
.header-section .dropdown-style2 ul .tail {
    top: var(--dropdown-style2-menu-list-tail-top, -10px);
    right: var(--dropdown-style2-menu-list-tail-right, 20px);
    width: var(--dropdown-style2-menu-list-tail-width, 0);
    height: var(--dropdown-style2-menu-list-tail-height, 0);
    margin-left: var(--dropdown-style2-menu-list-tail-margin-left, -5px);
    margin-bottom: var(--dropdown-style2-menu-list-tail-margin-bottom, 0);
    margin-top: var(--dropdown-style2-menu-list-tail-margin-top, 0);
    margin-right: var(--dropdown-style2-menu-list-tail-margin-right, 0);
    border-left-width: var(--dropdown-style2-menu-list-tail-border-left-width, 10px);
    border-right-width: var(--dropdown-style2-menu-list-tail-border-right-width, 10px);
    border-top-width: var(--dropdown-style2-menu-list-tail-border-top-width, 10px);
    border-bottom-width: var(--dropdown-style2-menu-list-tail-border-bottom-width, 0);
    border-left-style: var(--dropdown-style2-menu-list-tail-border-left-style, solid);
    border-right-style: var(--dropdown-style2-menu-list-tail-border-right-style, solid);
    border-top-style: var(--dropdown-style2-menu-list-tail-border-top-style, solid);
    border-bottom-style: var(--dropdown-style2-menu-list-tail-border-bottom-style, none);
    border-left-color: var(--dropdown-style2-menu-list-tail-border-left-color, transparent);
    border-right-color: var(--dropdown-style2-menu-list-tail-border-right-color, transparent);
    border-top-color: var(--dropdown-style2-menu-list-tail-border-top-color, transparent);
    border-bottom-color: var(--dropdown-style2-menu-list-tail-border-bottom-color, transparent);
    border-top-left-radius: var(--dropdown-style2-menu-list-tail-border-top-left-radius, 0);
    border-top-right-radius: var(--dropdown-style2-menu-list-tail-border-top-right-radius, 0);
    border-bottom-left-radius: var(--dropdown-style2-menu-list-tail-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--dropdown-style2-menu-list-tail-border-bottom-right-radius, 0)
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid,
.header-section .dropdown-style2 ul .lang_grid {
    column-count: var(--dropdown-style2-language-list-grid-column-count, 1)
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid .custom_dropdown_list_item,
.header-section .dropdown-style2 ul .lang_grid .custom_dropdown_list_item {
    display: flex;
    align-items: center;
    min-width: 130px;
    height: var(--dropdown-style2-menu-item-height, 30px);
    margin-right: var(--dropdown-style2-menu-item-margin-right, 0);
    margin-left: var(--dropdown-style2-menu-item-margin-left, 0);
    margin-bottom: var(--dropdown-style2-menu-item-margin-bottom, 0);
    margin-top: var(--dropdown-style2-menu-item-margin-top, 0);
    padding-top: var(--dropdown-style2-menu-item-padding-top, 0);
    padding-bottom: var(--dropdown-style2-menu-item-padding-bottom, 0);
    padding-left: var(--dropdown-style2-menu-item-padding-left, 10px);
    padding-right: var(--dropdown-style2-menu-item-padding-right, 10px);
    background-color: var(--dropdown-style2-menu-item-background-color, none);
    font-size: var(--dropdown-style2-menu-item-font-size, 12px);
    color: #fff;
    cursor: pointer
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid .custom_dropdown_list_item:hover,
.header-section .dropdown-style2 ul .lang_grid .custom_dropdown_list_item:hover {
    border-radius: 5px;
    background: rgba(255, 255, 255, .1);
    color: #f90
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid .custom_dropdown_list_item .menu-list-section,
.header-section .dropdown-style2 ul .lang_grid .custom_dropdown_list_item .menu-list-section {
    display: flex;
    align-items: center
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_name,
.header-section .dropdown-style2 ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_name {
    padding-left: var(--dropdown-style2-menu-section-header-padding-left, 10px);
    padding-right: var(--dropdown-style2-menu-section-header-padding-right, 0);
    padding-top: var(--dropdown-style2-menu-section-header-padding-top, 0);
    padding-bottom: var(--dropdown-style2-menu-section-header-padding-bottom, 0);
    font-size: var(--dropdown-style2-menu-section-header-font-size, 14px)
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_list_img,
.header-section .dropdown-style2 ul .lang_grid .custom_dropdown_list_item .menu-list-section .lang_list_img {
    width: var(--dropdown-style2-menu-section-img-width, 28px);
    height: var(--dropdown-style2-menu-section-img-height, 18px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left
}

.header-section .dropdown-style2 .dropdown-style2-custom-ul .lang_grid .custom_dropdown_list_item.section-style1,
.header-section .dropdown-style2 ul .lang_grid .custom_dropdown_list_item.section-style1 {
    background: none
}

.header-section .dropdown-style2 button {
    width: var(--dropdown-style2-menu-btn-width, 100%);
    height: var(--dropdown-style2-menu-btn-height, 100%);
    margin-right: var(--dropdown-style2-menu-btn-margin-right, 0);
    margin-left: var(--dropdown-style2-menu-btn-margin-left, 0);
    margin-top: var(--dropdown-style2-menu-btn-margin-top, 0);
    margin-bottom: var(--dropdown-style2-menu-btn-margin-bottom, 0);
    padding-top: var(--dropdown-style2-menu-btn-padding-top, 0);
    padding-bottom: var(--dropdown-style2-menu-btn-padding-bottom, 0);
    padding-left: var(--dropdown-style2-menu-btn-padding-left, 0);
    padding-right: var(--dropdown-style2-menu-btn-padding-right, 0);
    background-color: var(--dropdown-style2-menu-btn-background-color, transparent);
    font-size: var(--dropdown-style2-menu-btn-font-size, 12px);
    color: red;
    text-align: var(--dropdown-style2-menu-btn-text-align, left)
}

.header-section .header-menu-item-style2 {
    width: var(--header-menu-item-style2-width, auto);
    margin-bottom: var(--header-menu-item-style2-margin-bottom, 0);
    margin-top: var(--header-menu-item-style2-margin-top, 0);
    margin-left: var(--header-menu-item-style2-margin-left, 0);
    margin-right: var(--header-menu-item-style2-margin-right, 0);
    padding-right: var(--header-menu-item-style2-padding-right, 0);
    padding-bottom: var(--header-menu-item-style2-padding-bottom, 0);
    padding-top: var(--header-menu-item-style2-padding-top, 0);
    padding-left: var(--header-menu-item-style2-padding-left, 0);
    border-left-style: var(--header-menu-item-style2-border-left-style, none);
    border-right-style: var(--header-menu-item-style2-border-right-style, none);
    border-top-style: var(--header-menu-item-style2-border-top-style, none);
    border-bottom-style: var(--header-menu-item-style2-border-bottom-style, none);
    border-left-width: var(--header-menu-item-style2-border-left-width, 0);
    border-right-width: var(--header-menu-item-style2-border-right-width, 0);
    border-top-width: var(--header-menu-item-style2-border-top-width, 0);
    border-bottom-width: var(--header-menu-item-style2-border-bottom-width, 0);
    border-left-color: var(--header-menu-item-style2-border-left-color, none);
    border-right-color: var(--header-menu-item-style2-border-right-color, none);
    border-bottom-color: var(--header-menu-item-style2-border-bottom-color, none);
    border-top-color: var(--header-menu-item-style2-border-top-color, none);
    border-top-left-radius: var(--header-menu-item-style2-border-top-left-radius, 0);
    border-top-right-radius: var(--header-menu-item-style2-border-top-right-radius, 0);
    border-bottom-left-radius: var(--header-menu-item-style2-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--header-menu-item-style2-border-bottom-right-radius, 0);
    background-color: var(--header-menu-item-style2-background-color, none);
    font-size: var(--header-menu-item-style2-font-size, 12px);
    font-weight: var(--header-menu-item-style2-font-weight, normal);
    color: var(--header-menu-item-style2-color, #d0d9e7)
}

.header-section .header-menu-item-style1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--header-menu-item-style1-width, auto);
    height: var(--header-menu-item-style1-height, 100%);
    margin-right: 14px;
    padding: 5px;
    border-radius: 10px;
    background-color: var(--header-menu-item-style1-background-color, none);
    font-size: var(--header-menu-item-style1-font-size, 16px);
    font-weight: var(--header-menu-item-style1-font-weight, normal);
    line-height: var(--header-menu-item-style1-line-height, 16px);
    color: var(--header-menu-item-style1-color, #d0d9e7);
    cursor: pointer
}

.header-section .header-menu-item-style1:last-child {
    margin-right: 0
}

.header-section .header-menu-item-style1:hover {
    background-color: transparent;
    background-image: var(--header-menu-item-style1-active-background-image, none);
    z-index: 1
}

.header-section .header-menu-item-style1:hover a {
    color: #f90
}

.header-section .header-menu-item-style1 a {
    font-weight: 700;
    color: var(--header-menu-item-style1-color, #d0d9e7);
    white-space: nowrap
}

.header-section .header-menu-item-style1.active {
    background-color: transparent;
    background-image: var(--header-menu-item-style1-active-background-image, none);
    z-index: 1
}

.header-section .header-menu-item-style1.active a {
    color: #f90
}

.header-section .header-menu-item-style1_link {
    display: block;
    width: var(--header-menu-item-style1-link-width, 100%);
    height: var(--header-menu-item-style1-link-height, 100%);
    color: #f90;
    text-decoration: none
}

.header-section .header-menu-item-style1_link:not([href]) {
    color: #f90
}

.header-section .header-menu-item-style1_link:not([href]):hover {
    color: var(--header-menu-item-style1-hover-color, #d0d9e7)
}

.header-section .header-menu-item-style1 fa-icon {
    display: inherit;
    margin-bottom: var(--header-menu-item-style1-dropdown-icon-margin-bottom, 0);
    margin-left: var(--header-menu-item-style1-dropdown-icon-margin-left, 5px);
    margin-right: var(--header-menu-item-style1-dropdown-icon-margin-right, 0);
    margin-top: var(--header-menu-item-style1-dropdown-icon-margin-top, 0);
    color: var(--header-menu-item-style1-dropdown-icon-color, #d0d9e7)
}

.header-section .header-menu-item-style1 .general-menu-sub-menu {
    position: absolute;
    top: var(--header-menu-item-style1-submenu-top, 50px);
    left: var(--header-menu-item-style1-submenu-left, 50%);
    display: none;
    width: var(--header-menu-item-style1-submenu-item-width, 100%);
    color: var(--header-menu-item-style1-submenu-item-color, #d0d9e7);
    transform: translate(-50%);
    z-index: 1
}

.header-section .header-menu-item-style1 .general-menu-sub-menu ul {
    position: relative;
    top: var(--header-menu-item-style1-submenu-ul-top, 11px);
    margin-right: var(--header-menu-item-style1-submenu-item-margin-right, 0);
    margin-left: var(--header-menu-item-style1-submenu-item-margin-left, 0);
    margin-top: var(--header-menu-item-style1-submenu-item-margin-left, 12px);
    margin-bottom: var(--header-menu-item-style1-submenu-item-margin-bottom, 0);
    padding-left: var(--header-menu-item-style1-submenu-item-padding-left, 0);
    padding-right: var(--header-menu-item-style1-submenu-item-padding-right, 0);
    padding-top: var(--header-menu-item-style1-submenu-item-padding-top, 5px);
    padding-bottom: var(--header-menu-item-style1-submenu-item-padding-bottom, 5px);
    border-left-width: var(--header-menu-item-style1-submenu-item-ul-border-left-width, 0);
    border-right-width: var(--header-menu-item-style1-submenu-item-ul-border-right-width, 0);
    border-bottom-width: var(--header-menu-item-style1-submenu-item-ul-border-bottom-width, 0);
    border-top-width: var(--header-menu-item-style1-submenu-item-ul-border-top-width, 0);
    border-left-style: var(--header-menu-item-style1-submenu-item-ul-border-left-style, solid);
    border-right-style: var(--header-menu-item-style1-submenu-item-ul-border-right-style, solid);
    border-bottom-style: var(--header-menu-item-style1-submenu-item-ul-border-bottom-style, solid);
    border-top-style: var(--header-menu-item-style1-submenu-item-ul-border-top-style, none);
    border-left-color: var(--header-menu-item-style1-submenu-item-ul-border-left-color, transparent);
    border-right-color: var(--header-menu-item-style1-submenu-item-ul-border-right-color, transparent);
    border-bottom-color: var(--header-menu-item-style1-submenu-item-ul-border-bottom-color, #2e3c51);
    border-top-color: var(--header-menu-item-style1-submenu-item-ul-border-top-color, transparent);
    background: var(--header-menu-item-style1-submenu-item-background-color, #2e3c51)
}

.header-section .header-menu-item-style1 .general-menu-sub-menu ul:before {
    content: "";
    position: absolute;
    top: var(--header-menu-item-style1-submenu-item-before-top, -10px);
    left: var(--header-menu-item-style1-submenu-item-before-left, 50%);
    width: 0;
    height: 0;
    border-left-width: var(--header-menu-item-style1-submenu-item-before-border-left-width, 10px);
    border-right-width: var(--header-menu-item-style1-submenu-item-before-border-right-width, 10px);
    border-bottom-width: var(--header-menu-item-style1-submenu-item-before-border-bottom-width, 10px);
    border-top-width: var(--header-menu-item-style1-submenu-item-before-border-top-width, 0);
    border-left-style: var(--header-menu-item-style1-submenu-item-before-border-left-style, solid);
    border-right-style: var(--header-menu-item-style1-submenu-item-before-border-right-style, solid);
    border-bottom-style: var(--header-menu-item-style1-submenu-item-before-border-bottom-style, solid);
    border-top-style: var(--header-menu-item-style1-submenu-item-before-border-top-style, none);
    border-left-color: var(--header-menu-item-style1-submenu-item-before-border-left-color, transparent);
    border-right-color: var(--header-menu-item-style1-submenu-item-before-border-right-color, transparent);
    border-bottom-color: var(--header-menu-item-style1-submenu-item-before-border-bottom-color, #2e3c51);
    border-top-color: var(--header-menu-item-style1-submenu-item-before-border-top-color, transparent);
    transform: translate(-50%)
}

.header-section .header-menu-item-style1 .general-menu-sub-menu ul li {
    display: block;
    height: var(--header-menu-item-style1-submenu-item-height, 30px);
    padding-bottom: var(--header-menu-item-style1-submenu-item-li-padding-bottom, 0);
    padding-top: var(--header-menu-item-style1-submenu-item-li-padding-top, 0);
    padding-right: var(--header-menu-item-style1-submenu-item-li-padding-right, 10px);
    padding-left: var(--header-menu-item-style1-submenu-item-li-padding-left, 10px);
    line-height: var(--header-menu-item-style1-submenu-item-line-height, 30px);
    color: var(--header-menu-item-style1-submenu-item-li-color, #fff);
    outline: none;
    cursor: pointer
}

.header-section .header-menu-item-style1 .general-menu-sub-menu ul li:hover {
    background-color: var(--header-menu-item-style1-submenu-item-li-hover-background-color, #222d3e);
    color: var(--header-menu-item-style1-submenu-item-li-hover-color, #fff)
}

.header-section .header-menu-item-style1 .general-menu-sub-menu ul li:hover .general-menu_item_link {
    color: var(--header-menu-item-style1-submenu-item-li-hover-color, #fff)
}

.header-section .header-menu-item-style1 .general-menu-sub-menu ul li .general-menu_item_link {
    color: var(--header-menu-item-style1-submenu-item-link-color, #fff);
    white-space: nowrap
}

.header-section .button-style1 {
    width: var(--button-style1-width, auto);
    min-width: var(--button-style1-min-width, 50px);
    margin-bottom: var(--button-style1-margin-bottom, 0);
    margin-top: var(--button-style1-margin-top, 0);
    margin-left: 12px;
    margin-right: 0;
    padding-right: var(--button-style1-padding-right, 0);
    padding-bottom: var(--button-style1-padding-bottom, 0);
    padding-top: var(--button-style1-padding-top, 0);
    padding-left: var(--button-style1-padding-left, 0);
    color: var(--button-style1-color, #d0d9e7)
}

.header-section .button-style1 .button-style1-type-btn {
    float: var(--button-style1-type-btn-item-align, left);
    padding-left: var(--button-style1-type-btn-padding-left, 18px);
    padding-right: var(--button-style1-type-btn-padding-right, 18px);
    padding-bottom: 15px;
    padding-top: 15px;
    border: 3px solid #FF9900;
    border-radius: 20px;
    background-color: #f90;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box
}

.header-section .button-style1 .button-style1-type-btn:hover {
    background-color: #000;
    color: var(--button-style1-type-btn-hover-color, #d0d9e7)
}

.header-section .button-style2 {
    width: var(--button-style2-width, auto);
    min-width: var(--button-style2-min-width, 50px);
    margin-bottom: var(--button-style2-margin-bottom, 0);
    margin-top: var(--button-style2-margin-top, 0);
    margin-left: var(--button-style2-margin-left, 0);
    margin-right: var(--button-style2-margin-right, 0);
    padding: 24px 0;
    background-color: var(--button-style2-background-color, none);
    background-image: var(--button-style2-background-image, none);
    cursor: pointer
}

.header-section .button-style2 .button-style2-type-btn,
.header-section .button-style2 button {
    float: var(--button-style2-type-btn-item-align, left);
    padding-left: var(--button-style2-type-btn-padding-left, 18px);
    padding-right: var(--button-style2-type-btn-padding-right, 18px);
    padding-bottom: 15px;
    padding-top: 15px;
    color: #fff;
    cursor: pointer;
    white-space: nowrap
}

.header-section .button-style2 .button-style2-type-btn:hover,
.header-section .button-style2 button:hover {
    color: #000;
    background-color: #f90
}

.header-section .button-style2 .button-style2-type-btn {
    border: 3px solid #FF9900;
    border-radius: 20px;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box
}

.header-section .button-style3 {
    width: auto;
    min-width: var(--button-style3-min-width, 50px);
    margin-bottom: var(--button-style3-margin-bottom, 0);
    margin-top: var(--button-style3-margin-top, 0);
    margin-left: 0;
    margin-right: 0;
    padding: 24px 0;
    border-left-style: var(--button-style3-border-left-style, none);
    border-right-style: var(--button-style3-border-right-style, none);
    border-top-style: var(--button-style3-border-top-style, none);
    border-bottom-style: var(--button-style3-border-bottom-style, none);
    border-left-width: var(--button-style3-border-left-width, 0);
    border-right-width: var(--button-style3-border-right-width, 0);
    border-top-width: var(--button-style3-border-top-width, 0);
    border-bottom-width: var(--button-style3-border-bottom-width, 0);
    border-left-color: var(--button-style3-border-left-color, none);
    border-right-color: var(--button-style3-border-right-color, none);
    border-bottom-color: var(--button-style3-border-bottom-color, none);
    border-top-color: var(--button-style3-border-top-color, none);
    border-top-left-radius: var(--button-style3-border-top-left-radius, 0);
    border-top-right-radius: var(--button-style3-border-top-right-radius, 0);
    border-bottom-left-radius: var(--button-style3-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--button-style3-border-bottom-right-radius, 0);
    font-size: 14px;
    font-weight: var(--button-style3-font-weight, 400);
    color: var(--button-style3-color, #d0d9e7)
}

.header-section .button-style3:hover {
    background-image: var(--button-style3-hover-background-image, none);
    background-color: var(--button-style3-hover-background-color, none)
}

.header-section .button-style3.active {
    background-image: var(--button-style3-active-background-image, none);
    background-color: var(--button-style3-active-background-color, none)
}

.header-section .button-style3 .button-style2-type-btn,
.header-section .button-style3 button {
    height: 56px;
    width: 99px;
    margin-right: 32px;
    padding-top: var(--m-join-us-btn-padding-top, 8px);
    padding-bottom: var(--m-join-us-btn-padding-bottom, 8px);
    padding-left: var(--m-join-us-btn-padding-left, 10px);
    padding-right: var(--m-join-us-btn-padding-right, 10px);
    border: none;
    border-radius: 20px;
    background-color: #f90;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #100718;
    cursor: pointer;
    white-space: nowrap;
    transition: all .3s
}

.header-section .button-style3 .button-style2-type-btn:hover,
.header-section .button-style3 button:hover {
    border: 2px solid #FF9900;
    background-color: transparent;
    color: #f90;
    transition: all .3s
}

.header-section .button-style3 div {
    width: 100%;
    text-align: center
}

.header-section .image-style1 {
    width: var(--image-style1-width, 0);
    min-width: var(--image-style1-min-width, 30px);
    height: var(--image-style1-height, auto);
    margin-bottom: var(--image-style1-margin-bottom, 0);
    margin-top: var(--image-style1-margin-top, 0);
    margin-left: var(--image-style1-margin-left, 0);
    margin-right: var(--image-style1-margin-right, 0);
    padding-right: var(--image-style1-padding-right, 0);
    padding-bottom: var(--image-style1-padding-bottom, 0);
    padding-top: var(--image-style1-padding-top, 0);
    padding-left: var(--image-style1-padding-left, 0);
    border-left-style: var(--image-style1-border-left-style, none);
    border-right-style: var(--image-style1-border-right-style, none);
    border-top-style: var(--image-style1-border-top-style, none);
    border-bottom-style: var(--image-style1-border-bottom-style, none);
    border-left-width: var(--image-style1-border-left-width, 0);
    border-right-width: var(--image-style1-border-right-width, 0);
    border-top-width: var(--image-style1-border-top-width, 0);
    border-bottom-width: var(--image-style1-border-bottom-width, 0);
    border-left-color: var(--image-style1-border-left-color, none);
    border-right-color: var(--image-style1-border-right-color, none);
    border-bottom-color: var(--image-style1-border-bottom-color, none);
    border-top-color: var(--image-style1-border-top-color, none);
    border-top-left-radius: var(--image-style1-border-top-left-radius, 0);
    border-top-right-radius: var(--image-style1-border-top-right-radius, 0);
    border-bottom-left-radius: var(--image-style1-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--image-style1-border-bottom-right-radius, 0);
    background-color: var(--image-style1-background-color, none);
    background-image: var(--image-style1-background-image, none);
    font-size: var(--image-style1-font-size, 12px);
    color: var(--image-style1-color, #d0d9e7);
    text-align: var(--image-style1-text-align, left)
}

.header-section .image-style1:hover {
    background-color: var(--image-style1-hover-background-color, none);
    background-image: var(--image-style1-hover-background-image, none);
    color: var(--image-style1-hover-color, #cdcdcd)
}

.header-section .image-style1 img {
    width: var(--image-style1-img-width, 120px);
    height: var(--image-style1-img-height, auto)
}

.header-section .image-style2 {
    width: auto;
    min-width: var(--image-style2-min-width, 30px);
    height: var(--image-style2-height, auto);
    margin-right: auto;
    padding-right: var(--image-style2-padding-right, 0);
    padding-bottom: var(--image-style2-padding-bottom, 0);
    padding-top: var(--image-style2-padding-top, 0);
    padding-left: var(--image-style2-padding-left, 0);
    border-left-style: var(--image-style2-border-left-style, none);
    border-right-style: var(--image-style2-border-right-style, none);
    border-top-style: var(--image-style2-border-top-style, none);
    border-bottom-style: var(--image-style2-border-bottom-style, none);
    border-left-width: var(--image-style2-border-left-width, 0);
    border-right-width: var(--image-style2-border-right-width, 0);
    border-top-width: var(--image-style2-border-top-width, 0);
    border-bottom-width: var(--image-style2-border-bottom-width, 0);
    border-left-color: var(--image-style2-border-left-color, none);
    border-right-color: var(--image-style2-border-right-color, none);
    border-bottom-color: var(--image-style2-border-bottom-color, none);
    border-top-color: var(--image-style2-border-top-color, none);
    border-top-left-radius: var(--image-style2-border-top-left-radius, 0);
    border-top-right-radius: var(--image-style2-border-top-right-radius, 0);
    border-bottom-left-radius: var(--image-style2-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--image-style2-border-bottom-right-radius, 0);
    background-color: var(--image-style2-background-color, none);
    background-image: var(--image-style2-background-image, none);
    font-size: var(--image-style2-font-size, 12px);
    color: var(--image-style2-color, #d0d9e7);
    text-align: var(--image-style2-text-align, left)
}

.header-section .image-style2:hover {
    background-color: var(--image-style2-hover-background-color, none);
    background-image: var(--image-style2-hover-background-image, none);
    color: var(--image-style2-hover-color, #cdcdcd)
}

.header-section .section-style1 {
    height: var(--section-style1-height, 100%);
    margin-top: var(--section-style1-margin-top, 0);
    margin-bottom: var(--section-style1-margin-bottom, 0);
    margin-right: var(--section-style1-margin-right, 0);
    margin-left: var(--section-style1-margin-left, 0);
    padding-left: var(--section-style1-padding-left, 0);
    padding-right: var(--section-style1-padding-right, 0);
    padding-top: var(--section-style1-padding-top, 0);
    padding-bottom: var(--section-style1-padding-bottom, 0);
    border-top-left-radius: var(--section-style1-border-top-left-radius, 0);
    border-top-right-radius: var(--section-style1-border-top-right-radius, 0);
    border-bottom-right-radius: var(--section-style1-border-bottom-right-radius, 0);
    border-bottom-left-radius: var(--section-style1-border-bottom-left-radius, 0);
    border-left-style: var(--section-style1-border-left-style, none);
    border-right-style: var(--section-style1-border-right-style, none);
    border-top-style: var(--section-style1-border-top-style, none);
    border-bottom-style: var(--section-style1-border-bottom-style, solid);
    border-left-color: var(--section-style1-border-left-color, transparent);
    border-right-color: var(--section-style1-border-right-color, transparent);
    border-bottom-color: var(--section-style1-border-bottom-color, transparent);
    border-top-color: var(--section-style1-border-top-color, transparent);
    border-top-width: var(--section-style1-border-top-width, 0);
    border-bottom-width: var(--section-style1-border-bottom-width, 0);
    border-right-width: var(--section-style1-border-right-width, 0);
    border-left-width: var(--section-style1-border-left-width, 0);
    font-size: var(--section-style1-font-size, 16px);
    color: var(--section-style1-color, #d0d9e7)
}

.header-section .section-style1 .form_field {
    height: var(--section-style1-form-field-height, 35px);
    line-height: var(--section-style1-form-field-line-height, 17px);
    white-space: nowrap
}

.header-section .section-style1 .error_message {
    top: var(--section-style1-error-message-top, 2px)
}

.header-section .section-style1 .section-style1-btn {
    height: var(--section-style1-btn-height, 100%);
    margin-top: var(--section-style1-btn-margin-top, 0);
    margin-bottom: var(--section-style1-btn-margin-bottom, 0);
    margin-right: var(--section-style1-btn-margin-right, 0);
    margin-left: var(--section-style1-btn-margin-left, 0);
    padding-left: var(--section-style1-btn-padding-left, 0);
    padding-right: var(--section-style1-btn-padding-right, 0);
    padding-top: var(--section-style1-btn-padding-top, 0);
    padding-bottom: var(--section-style1-btn-padding-bottom, 0);
    border-top-left-radius: var(--section-style1-btn-border-top-left-radius, 0);
    border-top-right-radius: var(--section-style1-btn-border-top-right-radius, 0);
    border-bottom-right-radius: var(--section-style1-btn-border-bottom-right-radius, 0);
    border-bottom-left-radius: var(--section-style1-btn-border-bottom-left-radius, 0);
    border-left-style: var(--section-style1-btn-border-left-style, none);
    border-right-style: var(--section-style1-btn-border-right-style, none);
    border-top-style: var(--section-style1-btn-border-top-style, none);
    border-bottom-style: var(--section-style1-btn-border-bottom-style, solid);
    border-left-color: var(--section-style1-btn-border-left-color, transparent);
    border-right-color: var(--section-style1-btn-border-right-color, transparent);
    border-bottom-color: var(--section-style1-btn-border-bottom-color, transparent);
    border-top-color: var(--section-style1-btn-border-top-color, transparent);
    border-top-width: var(--section-style1-btn-border-top-width, 0);
    border-bottom-width: var(--section-style1-btn-border-bottom-width, 0);
    border-right-width: var(--section-style1-btn-border-right-width, 0);
    border-left-width: var(--section-style1-btn-border-left-width, 0);
    background: var(--section-style1-btn-background-color, #007BFF);
    font-size: var(--section-style1-btn-font-size, 16px);
    color: var(--section-style1-btn-color, #d0d9e7);
    line-height: var(--section-style1-btn-line-height, 17px)
}

.header-section .text-style1 {
    width: var(--text-style1-width, auto);
    min-width: var(--text-style1-min-width, 40px);
    margin-top: var(--text-style1-margin-top, 0);
    margin-bottom: var(--text-style1-margin-bottom, 0);
    margin-left: var(--text-style1-margin-left, 0);
    margin-right: var(--text-style1-margin-right, 0);
    padding-left: var(--text-style1-padding-left, 0);
    padding-right: var(--text-style1-padding-right, 0);
    padding-bottom: var(--text-style1-padding-bottom, 0);
    padding-top: var(--text-style1-padding-top, 0);
    border-top-right-radius: var(--text-style1-border-top-right-radius, 0);
    border-top-left-radius: var(--text-style1-border-top-left-radius, 0);
    border-bottom-right-radius: var(--text-style1-border-bottom-right-radius, 0);
    border-bottom-left-radius: var(--text-style1-border-bottom-left-radius, 0);
    border-bottom-style: var(--text-style1-border-bottom-style, none);
    border-top-style: var(--text-style1-border-top-style, none);
    border-left-style: var(--text-style1-border-left-style, none);
    border-right-style: var(--text-style1-border-right-style, none);
    border-bottom-width: var(--text-style1-border-bottom-width, 0);
    border-top-width: var(--text-style1-border-top-width, 0);
    border-left-width: var(--text-style1-border-left-width, 0);
    border-right-width: var(--text-style1-border-right-width, 0);
    border-bottom-color: var(--text-style1-border-bottom-color, none);
    border-top-color: var(--text-style1-border-top-color, none);
    border-left-color: var(--text-style1-border-left-color, none);
    border-right-color: var(--text-style1-border-right-color, none);
    background-color: var(--text-style1-background-color, none);
    background-image: var(--text-style1-background-image, none);
    font-size: var(--text-style1-font-size, 16px);
    font-weight: var(--text-style1-font-weight, bold);
    color: var(--text-style1-color, #c7c7c2);
    cursor: pointer
}

.header-section .text-style2 {
    width: var(--text-style2-width, auto);
    min-width: var(--text-style2-min-width, 40px);
    margin-top: var(--text-style2-margin-top, 0);
    margin-bottom: var(--text-style2-margin-bottom, 0);
    margin-right: var(--text-style2-margin-right, 0);
    margin-left: 80px;
    padding-left: var(--text-style2-padding-left, 10px);
    padding-bottom: var(--text-style2-padding-bottom, 0);
    padding-top: var(--text-style2-padding-top, 0);
    border-top-right-radius: var(--text-style2-border-top-right-radius, 0);
    border-top-left-radius: var(--text-style2-border-top-left-radius, 0);
    border-bottom-right-radius: var(--text-style2-border-bottom-right-radius, 0);
    border-bottom-left-radius: var(--text-style2-border-bottom-left-radius, 0);
    border-bottom-style: var(--text-style2-border-bottom-style, none);
    border-top-style: var(--text-style2-border-top-style, none);
    border-left-style: var(--text-style2-border-left-style, none);
    border-right-style: var(--text-style2-border-right-style, none);
    border-bottom-width: var(--text-style2-border-bottom-width, 0);
    border-top-width: var(--text-style2-border-top-width, 0);
    border-left-width: var(--text-style2-border-left-width, 0);
    border-right-width: var(--text-style2-border-right-width, 0);
    border-bottom-color: var(--text-style2-border-bottom-color, none);
    border-top-color: var(--text-style2-border-top-color, none);
    border-left-color: var(--text-style2-border-left-color, none);
    border-right-color: var(--text-style2-border-right-color, none);
    background-color: var(--text-style2-background-color, none);
    background-image: var(--text-style2-background-image, none);
    font-size: var(--text-style2-font-size, 14px);
    font-weight: var(--text-style2-font-weight, normal);
    color: var(--text-style2-color, #b9c5d6);
    cursor: pointer
}

.header-section .text-style2 .balance_section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: var(--m-join-us-btn-padding-top, 8px);
    padding-bottom: var(--m-join-us-btn-padding-bottom, 8px);
    padding-left: var(--m-join-us-btn-padding-left, 10px);
    padding-right: var(--m-join-us-btn-padding-right, 10px);
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 20px;
    background: rgba(26, 56, 164, .2);
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .header-section .text-style2 .balance_section {
        border: none
    }
}

.header-section .text-style2 .balance_section .balance-title {
    color: #fff;
    opacity: .5
}

.header-section .text-style2 .balance_section .balance-value {
    font-weight: 800;
    color: #f90
}

.header-section .text-style2 .bonus {
    flex-direction: row
}

.header-section .text-style2 span {
    display: inline-block
}

.header-section .marquee-style1 {
    flex: 1;
    width: var(--marquee-style1-width, auto);
    min-width: var(--marquee-style1-min-width, 130px);
    height: var(--marquee-style1-height, 24px);
    margin-top: var(--marquee-style1-margin-top, 0);
    margin-bottom: var(--marquee-style1-margin-bottom, 0);
    margin-left: var(--marquee-style1-margin-left, 0);
    margin-right: var(--marquee-style1-margin-right, 0);
    padding-left: var(--marquee-style1-padding-left, 10px);
    padding-right: var(--marquee-style1-padding-right, 10px);
    padding-bottom: var(--marquee-style1-padding-bottom, 0);
    padding-top: var(--marquee-style1-padding-top, 0);
    border-bottom-style: var(--marquee-style1-border-bottom-style, none);
    border-top-style: var(--marquee-style1-border-top-style, none);
    border-left-style: var(--marquee-style1-border-left-style, none);
    border-right-style: var(--marquee-style1-border-right-style, none);
    border-top-color: var(--marquee-style1-border-top-color, transparent);
    border-bottom-color: var(--marquee-style1-border-bottom-color, transparent);
    border-left-color: var(--marquee-style1-border-left-color, transparent);
    border-right-color: var(--marquee-style1-border-right-color, transparent);
    border-left-width: var(--marquee-style1-border-left-width, 0);
    border-right-width: var(--marquee-style1-border-right-width, 0);
    border-top-width: var(--marquee-style1-border-top-width, 0);
    border-bottom-width: var(--marquee-style1-border-bottom-width, 0);
    border-top-left-radius: var(--marquee-style1-border-top-left-radius, 0);
    border-top-right-radius: var(--marquee-style1-border-top-right-radius, 0);
    border-bottom-left-radius: var(--marquee-style1-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--marquee-style1-border-bottom-right-radius, 0);
    background-color: var(--marquee-style1-background-color, #ccc);
    font-size: var(--marquee-style1-font-size, 14px);
    font-weight: var(--marquee-style1-font-weight, normal);
    color: var(--marquee-style1-color, #b9c5d6);
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box
}

.header-section .marquee-style1:hover {
    background-color: var(--marquee-style1-hover-background-color, #ccc);
    color: var(--marquee-style1-hover-color, #b9c5d6)
}

.header-section .marquee-style1 .marqueeUp {
    flex: 1;
    height: 1.4em;
    padding: .2em .833em
}

.header-section .envelope-item {
    margin: 0 auto
}

.header-section .chat-item {
    margin: 0 auto;
    color: var(--header-menu-item-style1-color, #ffffff)
}

.header-section .chat-item a {
    color: inherit
}

.header-section ul li {
    display: inline-block
}

.header-section ul li.full-right {
    margin-left: auto
}

.header-section_bottomPanel {
    display: flex;
    align-items: var(--header-panel2-item-align, center);
    justify-content: center;
    max-width: var(--header-panel2-max-width, 200%);
    height: var(--header-panel2-height, 50px);
    margin-left: var(--header-panel2-margin-left, 0);
    margin-right: var(--header-panel2-margin-right, 0);
    margin-top: var(--header-panel2-margin-top, 0);
    margin-bottom: var(--header-panel2-margin-bottom, 0);
    padding-left: var(--header-panel2-padding-left, 20px);
    padding-right: var(--header-panel2-padding-right, 20px);
    padding-top: var(--header-panel2-padding-top, 0);
    padding-bottom: var(--header-panel2-padding-bottom, 0);
    border-bottom-style: var(--header-panel2-border-bottom-style, none);
    border-top-style: var(--header-panel2-border-top-style, none);
    border-left-style: var(--header-panel2-border-left-style, none);
    border-right-style: var(--header-panel2-border-right-style, none);
    border-top-color: var(--header-panel2-border-top-color, transparent);
    border-bottom-color: var(--header-panel2-border-bottom-color, transparent);
    border-left-color: var(--header-panel2-border-left-color, transparent);
    border-right-color: var(--header-panel2-border-right-color, transparent);
    border-left-width: var(--header-panel2-border-left-width, 0);
    border-right-width: var(--header-panel2-border-right-width, 0);
    border-top-width: var(--header-panel2-border-top-width, 0);
    border-bottom-width: var(--header-panel2-border-bottom-width, 0);
    border-top-left-radius: var(--header-panel2-border-top-left-radius, 0);
    border-top-right-radius: var(--header-panel2-border-top-right-radius, 0);
    border-bottom-left-radius: var(--header-panel2-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--header-panel2-border-bottom-right-radius, 0);
    background: var(--header-panel2-background-color, #222d3e)
}

.header-section_bottomPanel .timezone {
    display: flex;
    align-items: center;
    font-size: var(--timezone-text-font-size, 14px);
    color: var(--timezone-text-color, #ececec)
}

.header-section_bottomPanel .timezone .icon-timezone {
    margin-right: var(--icon-timezone-margin-right, 12px);
    font-size: var(--icon-timezone-font-size, 16px)
}

.header-section .sign-up-btn {
    height: 28px;
    line-height: 28px
}

.new-logo-item {
    margin-left: 5px;
    padding: 4px 5px 3px;
    border-radius: 3px;
    background-color: #0024e1;
    font-family: Nunito, sans-serif;
    font-size: 10px;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 600px) and (max-width: 1280px) {
    .header-section_topPanel_left {
        display: flex;
        align-items: center
    }

    .header-section .image-style1 {
        min-width: auto;
        height: calc(var(--image-style1-height) * .7);
        margin-top: 0;
        margin-bottom: 0;
        padding-top: calc(var(--image-style1-padding-top) * .3);
        padding-right: calc(var(--image-style1-padding-right) * .3);
        padding-bottom: calc(var(--image-style1-padding-bottom) * .3);
        padding-left: calc(var(--image-style1-padding-right) * .3)
    }

    .header-section .text-style1 {
        font-size: calc(var(--text-style1-font-size) * .7)
    }

    .header-section .text-style2 {
        font-size: calc(var(--text-style2-font-size) * .7)
    }

    .header-section .button-style3 {
        padding-top: calc(var(--button-style3-padding-top) * .7);
        padding-right: calc(var(--button-style3-padding-right) * .7);
        padding-bottom: calc(var(--button-style3-padding-bottom) * .7);
        padding-left: calc(var(--button-style3-padding-left) * .7);
        font-size: calc(var(--button-style3-font-size) * .7)
    }

    .header-section .dropdown-style1 {
        min-width: calc(var(--dropdown-style1-min-width) * .7);
        height: calc(var(--dropdown-style1-height) * .7)
    }

    .header-section .dropdown-style1 .dropdown-style1-type-Dpd {
        margin: 0;
        padding: 0;
        padding-left: calc(var(--dropdown-style1-header-section-padding-left) * .3);
        padding-right: calc(var(--dropdown-style1-header-section-padding-right) * .3)
    }

    .header-section .dropdown-style1 .dropdown-style1-type-Dpd .drop_down_icon {
        margin-left: 0;
        font-size: calc(var(--dropdown-style1-dropdown-icon-font-size) * .7)
    }

    .header-section .dropdown-style1 .dropdown-style1-type-Dpd .custom_dropdown_img {
        width: calc(var(--dropdown-style1-dropdown-header-image-width) * .7);
        height: calc(var(--dropdown-style1-dropdown-header-image-height) * .7)
    }

    .header-section .dropdown-style2 .dropdown-style2-type-Dpd .dropdown-header-left-icon {
        font-size: calc(var(--dropdown-style1-dropdown-left-icon-font-size) * .7)
    }

    .header-section .dropdown-style2 .dropdown-style2-type-Dpd .dropdown-header-title {
        font-size: calc(var(--dropdown-style1-dropdown-header-title-font-size) * .7)
    }

    .header-section .header-menu-item-style1 .general-menu-sub-menu,
    .header-section .header-menu-item-style1:hover .general-menu-sub-menu {
        top: calc(var(--header-menu-item-style1-submenu-top) * .2)
    }

    .header-section_bottomPanel {
        margin-bottom: 0
    }

    .header-section_bottomPanel .timezone {
        font-size: calc(var(--timezone-text-font-size) * .7)
    }

    .header-section_bottomPanel .timezone .icon-timezone {
        margin-right: calc(var(--icon-timezone-margin-right) * .7);
        font-size: calc(var(--icon-timezone-font-size) * .7)
    }

    .new-logo-item {
        padding: 1.5px 2px;
        font-size: 7px
    }

    .open-game-section {
        padding: 0 !important
    }

    .open-game-section .game-info {
        display: flex;
        gap: 30px;
        justify-content: center;
        align-items: center;
        padding: 5px
    }

    .open-game-section .game-info .gameName {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .open-game-section .game-info .rating {
        padding: 0 !important;
        font-size: 12px !important
    }

    .open-game-section .open-game-content {
        width: 720px !important;
        height: 405px !important
    }

    .open-game-section .open-game-content .game-buttons .icon-close,
    .open-game-section .open-game-content .game-buttons .icon-full-screen {
        font-size: 15px !important
    }

    .open-game-section .open-game-content .game-buttons a {
        width: 30px !important;
        height: 30px !important
    }

    .casino-section.min-height {
        min-height: auto !important
    }
}

.default_width {
    width: 100%
}

.user_tickets {
    position: relative;
    outline: none;
    cursor: pointer
}

.user_tickets .user-info_item_unreadMessagesCount {
    position: absolute;
    top: -7px;
    right: -11px;
    display: flex;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 16px;
    background: #af0101;
    font-size: 16px;
    font-style: normal;
    line-height: 22px
}

.user_tickets svg {
    width: var(--envelope-icon-width, unset) !important;
    height: var(--envelope-icon-height, 16px);
    color: var(--envelope-icon-color, #fff)
}

.LogOut_Info_body {
    background-color: var(--logOut-Info-background-color, green)
}

.Login_Info_body {
    background-color: var(--login-info-background-color, green)
}

.TermsConditions_Info_body {
    background-color: var(--termsConditions-info-background-color, green)
}

.TermsConditions_Info_btn {
    background-color: var(--termsConditions-info-btn-background-color, #ccc);
    color: var(--termsConditions-info-btn-color, #000);
    cursor: pointer
}

.TermsConditions_Info_btn:hover {
    background-color: var(--termsConditions-info-btn-hover-background-color, #dadbe0);
    color: var(--termsConditions-info-btn-hover-color, #000)
}

.Login_Info_btn {
    background-color: var(--login-info-btn-background-color, #ccc);
    color: var(--login-info-btn-color, #000);
    cursor: pointer
}

.Login_Info_btn:hover {
    background-color: var(--login-info-btn-hover-background-color, #dadbe0);
    color: var(--login-info-btn-hover-color, #000)
}

.LogOut_Info_btn {
    background-color: var(--logOut-info-btn-background-color, #ccc);
    color: var(--logOut-info-btn-color, #000);
    cursor: pointer
}

.LogOut_Info_btn:hover {
    background-color: var(--logOut-info-btn-hover-background-color, #dadbe0);
    color: var(--logOut-info-btn-hover-color, #000)
}

.forgot-password-section_content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: var(--forgot-password-section-width, 960px);
    height: auto;
    max-height: var(--forgot-password-section-max-height, auto);
    min-height: var(--forgot-password-section-min-height, 700px);
    margin: 0 auto;
    border-radius: 20px;
    background: #0C031F
}

.forgot-password-section_content.min-height {
    height: 700px
}

.forgot-password-section_content__main {
    padding-top: 26px;
    padding-left: 36px;
    padding-right: 36px
}

.forgot-password-section_content__main--header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.forgot-password-section_content__main--header--title {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

.forgot-password-section_content__main--close-icon {
    margin-left: auto;
    font-size: 12px;
    color: #c02c5d;
    cursor: pointer
}

.forgot-password-section_content__main--form {
    margin-top: 174px
}

.forgot-password-section_content__main--form div:last-of-type {
    margin-top: 16px
}

.forgot-password-section_content__main--description {
    margin: 32px 0 0;
    font-family: Nunito, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.forgot-password-section_content__main--success {
    margin-top: 174px
}

.forgot-password-section_content__main--success--image {
    height: 18px;
    background: url(/assets/images/success-icon.png) no-repeat center
}

.forgot-password-section_content__main--success--message {
    margin-top: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #f90;
    overflow: hidden;
    text-overflow: ellipsis
}

.forgot-password-section_content__main--success--description {
    margin-top: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding: 0 24px
}

.forgot-password-section_content .width-100 {
    width: 50%
}

.forgot-password-section_content .recovery-logo {
    display: block;
    width: var(--recovery-logo-width, auto);
    height: var(--recovery-logo-height, 44px);
    margin-top: var(--recovery-logo-margin-top, 37px);
    margin-bottom: var(--recovery-logo-margin-bottom, 44px);
    margin-left: auto;
    margin-right: auto
}

.forgot-password-section .forgot-password-section_block .form_row {
    margin: 0;
    margin-bottom: var(--forgot-password-section-text-margin-bottom, 10px);
    line-height: 1.71;
    color: var(--forgot-password-section-text-color, #dbedff)
}

.forgot-password-section .forgot-password-section_block .form_row.number-info {
    margin: 0;
    margin-bottom: var(--forgot-password-number-info-margin-bottom, 116px)
}

.forgot-password-section .forgot-password-section_block .form_row_recovery {
    position: relative
}

.forgot-password-section .forgot-password-section_block .form_row_recovery .password-eye-show {
    position: absolute;
    right: 16px;
    top: 37px
}

.forgot-password-section .forgot-password-section_block .change-password_btn {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px;
    width: 100%;
    margin-top: var(--change-password-btn-margin-top, 121px);
    font-weight: 400;
    cursor: pointer
}

.forgot-password-section .forgot-password-section_block .change_block>form {
    display: flow-root
}

.forgot-password-section .forgot-password-section_block .change_block>form .forgot-error_message {
    float: left;
    top: var(--forgot-password-error-top, 0);
    font-size: var(--font-size-2, 14px)
}

.forgot-password-section .forgot-password-section_block .change_block label {
    position: relative;
    top: var(--forgot-password-label-top, 10px);
    left: var(--forgot-password-left, 10px);
    padding: 0 8px;
    background-color: var(--forgot-password-label-background-color, #FFFFFF);
    color: var(--forgot-password-label-color, #FFFFFF);
    z-index: 1
}

.forgot-password-section .forgot-password-section_block .change_block label.label-on-error {
    color: var(--recovery-input-invalid-color, red)
}

.forgot-password-section .forgot-password-section_block .change_block .recovery_input {
    height: var(--recovery-input-height, 44px);
    border-radius: 6px;
    color: var(--recovery-input-color, #fff)
}

.forgot-password-section .forgot-password-section_block .change_block .recovery_input::placeholder {
    color: var(--recovery-input-placeholder-color, #dbedff);
    opacity: .3
}

.forgot-password-section .forgot-password-section_block .change_block .recovery_input.invalid-field {
    border-color: var(--recovery-input-invalid-color, red)
}

.forgot-password-section .forgot-password-section_block .change_block .recovery-btn {
    width: 100%;
    margin-top: var(--recovery-btn-margin-top, 24px);
    border-radius: 6px;
    background-image: var(--recovery-btn-background-image, linear-gradient(to bottom, #1376f8, #194074));
    font-size: var(--recovery-btn-font-size, 18px);
    font-weight: 400;
    color: var(--forgot-password-button-text-color, #FFFFFF)
}

.forgot-password-section .forgot-password-section_block .help_block p {
    margin-bottom: var(--forgot-password-help-text-margin-bottom, 8px);
    font-size: var(--font-size-2, 14px);
    line-height: 1.71;
    color: var(--forgot-password-help-text-color, #fff)
}

.forgot-password-section .forgot-password-section_block .help_block .support {
    font-size: var(--font-size-3, 16px);
    color: var(--forgot-password-section-text-color, #dbedff);
    text-decoration: underline;
    cursor: pointer
}

.forgot-password-section .registration_complete {
    margin-top: var(--recovery-success-message-margin-top, 35px);
    margin-bottom: var(--recovery-success-message-margin-bottom, 135px);
    color: var(--recovery-success-message-color, #0acc4c);
    text-align: center
}

.forgot-password-section .registration_complete i {
    font-size: 158px;
    color: #59c10f
}

.forgot-password-section .registration_complete h1 {
    font-weight: 500;
    font-size: var(--font-size-2, 14px);
    line-height: 1.71
}

.forgot-password-section app-validation-message {
    height: 16px
}

.password-recovery-section {
    background: #100718;
    min-height: calc(100vh - 62px);
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    color: #fff;
    color: var(--header-menu-item-text-color, #FFFFFF)
}

.password-recovery-section label,
.password-recovery-section h2 {
    color: var(--page-form-title-color, #FFFFFF)
}

.password-recovery-section_form {
    width: 612px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px
}

.password-recovery-section_form .form_row {
    margin: 10px 0
}

.password-recovery-section_form form {
    width: 60%;
    margin: 20px auto
}

.password-recovery-section_form form input {
    color: var(--page-form-field-text-color, #FFFFFF)
}

.password-recovery-section_form form label,
.password-recovery-section_form form h2 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%
}

.password-recovery-section .registration_complete {
    text-align: center;
    color: #414141;
    margin-top: 40px
}

.password-recovery-section .registration_complete i {
    font-size: 158px;
    color: #59c10f
}

.password-recovery-section .registration_complete h1 {
    font-size: 23px;
    font-weight: 400
}

.password-recovery-section.mobile-device label,
.password-recovery-section.mobile-device h2 {
    color: var(--m-page-form-title-color, #FFFFFF)
}

.password-recovery-section.mobile-device form input {
    color: var(--m-page-form-field-text-color, #fff)
}

@media (max-width: 1200px) {
    .password-recovery-section_form {
        width: 100%
    }
}

.text-align-center {
    text-align: center;
    margin: 0 auto
}

.registration-section .registration-content .register-form_section .term-conditions {
    color: #f90
}

.registration-section .registration-content .register-form_section .select-box {
    height: 100%;
    position: relative;
    flex: 1
}

.registration-section .registration-content .register-form_section .select-box:last-child {
    margin-right: 0
}

.registration-section .registration-content .register-form_section .select-box:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 6px;
    margin-left: 12px;
    background-image: url(/assets/icons/accordion-arrow.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}

.registration-section .registration-content {
    display: flex
}

.registration-section .registration-content form .form-row-item {
    width: 100%
}

.registration-section .registration-content form .form-row-item:first-child {
    padding-top: 0
}

.registration-section .registration-content form .craft_btn {
    height: 64px;
    padding: 0 26px;
    font-size: 20px;
    text-transform: uppercase
}

.registration-section .form_field {
    line-height: 0
}

.registration-section_menu {
    margin-bottom: 0
}

.registration-section_menu .reg_item {
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
    color: var(--register-tab-text-color, #FFFFFF)
}

.registration-section_menu .reg_item.go_back {
    display: flex;
    align-items: center;
    cursor: pointer !important
}

.registration-section_menu .reg_item.hidden {
    display: none
}

.registration-section_menu .reg_item:not([href]) {
    color: var(--register-tab-text-color, #FFFFFF)
}

.registration-section_menu .reg_item.disabled {
    display: none
}

.registration-section_menu .reg_item.active {
    left: var(--reg_item_active-left, 464px);
    margin-left: var(--register-form-item-margin-left, 1.5%);
    font-weight: 400;
    color: var(--reg_item_active-color, #ffffff);
    cursor: default;
    text-decoration: none
}

.registration-section_menu .reg_item.active .icon-arrow-to-left {
    margin-right: 16px;
    font-size: 18px
}

.registration-section_form {
    display: flex
}

.registration-section_form .full-reg-panel {
    display: grid;
    width: 100%
}

.registration-section_form .reg-panel {
    display: grid;
    width: 50%
}

.registration-section_form.quick .recaptcha {
    position: static
}

.registration-section_form.quick .form_field_checked {
    transform: translateY(0)
}

.registration-section .quik_form {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none
}

.registration-section .quik_form .form_field {
    width: 48%
}

.registration-section .quik_form .checkbox-field {
    margin-top: 15px
}

.registration-section .register-text {
    position: absolute;
    right: 200px;
    margin-top: 0;
    color: var(--register-tab-text-selected-color, #FFFFFF)
}

.registration-section .reg_btn {
    display: block;
    width: var(--reg-btn-width, 100%);
    margin: 0 auto;
    border-bottom-left-radius: var(--reg-btn-border-bottom-left-radius, 6px);
    border-bottom-right-radius: var(--reg-btn-border-bottom-right-radius, 6px);
    border-top-left-radius: var(--reg-btn-border-top-left-radius, 6px);
    border-top-right-radius: var(--reg-btn-border-top-right-radius, 6px);
    background: var(--register-button-background-color, #FFFFFF);
    font-weight: 400;
    font-size: var(--reg-btn-font-size, 18px);
    color: var(--register-button-text-color, #FFFFFF);
    text-transform: uppercase
}

.registration-section .reg_btn.active-item {
    border-radius: 16px;
    background: #EBFF00;
    background-image: none;
    color: #000
}

.registration-section .reg-conditions {
    display: inline-block;
    flex: 1;
    color: var(--register-condition-text-color, #FFFFFF)
}

.registration-section .reg-conditions a {
    color: var(--register-terms-and-condition-text-color, #FFFFFF)
}

.registration-section .reg-conditions a:hover {
    color: var(--register-terms-and-condition-text-hover-color, #FFFFFF)
}

.registration-section .recaptcha {
    position: absolute;
    transform: scale(.875);
    transform-origin: 0 0
}

.registration-section .error_message {
    position: absolute;
    top: var(--reg-error-message-top, auto);
    bottom: var(--reg-error-message-bottom, 10px);
    left: var(--reg-error-message-left, 10px);
    max-width: 100%;
    font-size: 12px
}

.registration-section .error_message.checkbox-err {
    position: absolute
}

.registration-section .error_message_regForm {
    position: unset;
    display: block
}

.registration-section .register-background {
    position: relative;
    width: var(--register-background-width, 400px);
    height: var(--register-background-height, 672px);
    padding-left: 16px;
    padding-right: 16px;
    border-radius: var(--register-background-border-radius, 6px 6px 6px 6px)
}

.registration-section .register-background .reg_item {
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
    color: var(--register-tab-text-color, #FFFFFF)
}

.registration-section .register-background .reg_item.not_active {
    display: block;
    margin: 44px auto 54.9px;
    padding: 6px 9px 6px 10px;
    border: none;
    border-radius: 6px;
    background-image: var(--reg-item-notActive-background-image, linear-gradient(to bottom, #1376f8, #194074));
    box-shadow: 0 7px 10px #182130f0;
    font-weight: 600;
    text-align: center;
    text-decoration: none
}

.registration-section .register-background .reg_item.disabled {
    display: none
}

.registration-section .register-background img {
    display: block;
    margin: var(--register-logo-margin-top, 22px) auto 0
}

.registration-section .register-background .reg-prompt-text {
    width: 80%;
    margin: 5px auto 0;
    font-size: var(--reg-prompt-text-font-size, 14px);
    font-family: roboto-regular, sans-serif;
    font-weight: 400;
    color: var(--reg-prompt-text-color, #ffffff);
    text-align: center;
    word-break: break-word
}

.registration-section .register-background .social-register-text {
    position: absolute;
    bottom: var(--social-register-text-bottom, 105px);
    width: 90%;
    font-size: var(--social-register-text-font-size, 14px);
    color: var(--social-register-text-color, #ffffff);
    cursor: default;
    text-align: center
}

.registration-section .register-background ul {
    position: absolute;
    bottom: var(--register-social-icons-bottom, 69px);
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center
}

.registration-section .register-background ul li {
    width: var(--register-social-icons-width, 28px);
    height: var(--register-social-icons-height, 28px);
    margin-right: var(--register-social-icon-margin-right, 10px);
    background-size: cover;
    cursor: pointer
}

.registration-section .register-background .safety-info {
    position: absolute;
    bottom: 0;
    width: var(--register-safety-info-width, 90%);
    padding-bottom: var(--register-safety-info-padding-bottom, 16px);
    font-size: var(--register-safety-info-font-size, 16px);
    color: var(--register-safety-info-color, #dbedff)
}

.registration-section .register-background .safety-info .divider-line {
    width: 100%;
    height: var(--divider-line-height, 1px);
    margin-bottom: var(--divider-line-margin-bottom, 16px);
    background-image: var(--divider-line-background-image, linear-gradient(to bottom, #ffffff, #808080))
}

.registration-section .register-background .safety-info_text {
    display: flex;
    justify-content: center
}

.registration-section .register-background .safety-info_text a {
    margin-left: var(--register-safety-href-margin-left, 8px)
}

.registration-section .register-form_section {
    position: relative;
    width: 100%;
    max-height: var(--registration-section-height, 672px);
    margin-left: 0
}

.registration-section .default-radioButton-section {
    display: flex;
    justify-content: space-between
}

.registration-section .default-radioButton-section_customizeByButton .input_field {
    position: absolute;
    display: flex;
    width: var(--radioButton-input-field-width, 49%);
    height: var(--radioButton-input-field-height, 40px);
    cursor: default
}

.registration-section .default-radioButton-section_customizeByButton .input_field_right {
    right: var(--radioButton-right, 0)
}

.registration-section .default-radioButton-section_customizeByButton .input_field input {
    margin: 0;
    font-size: 20px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none
}

.registration-section .default-radioButton-section_customizeByButton .input_field span {
    position: absolute;
    left: var(--radioButton-input-text-left, 16px);
    color: var(--radioButton-input-text-color, #fff)
}

.registration-section .default-radioButton-section_customizeByButton input:checked {
    background-color: var(--radioButton-input-checked-background-color, #1376f8)
}

.form_field_checked {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 16px
}

.form_field_checked_top {
    width: 100%;
    font-size: 11px;
    line-height: normal;
    color: var(--register-condition-text-color, #FFFFFF)
}

.form_field_checked_bottom {
    display: flex;
    align-items: center
}

.form_field_checked span {
    font-size: 14px;
    line-height: normal
}

.form_field_checked .reg-checkbox {
    width: 24px;
    height: 24px;
    margin-left: 0
}

select {
    outline: none
}

.custom_dropdown_reg {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden
}

.custom_dropdown_reg.disable-item {
    pointer-events: none
}

.custom_dropdown_reg.disable-item .custom_dropdown_list {
    display: none
}

.custom_dropdown_reg fa-icon {
    color: #f90
}

.custom_dropdown_reg .fa {
    margin-top: -5px
}

.custom_dropdown_reg .current_item {
    height: 100%;
    padding: 22px 12px;
    border-right: none;
    border-radius: 16px 0 0 16px;
    background: transparent
}

.custom_dropdown_reg .current_item:hover {
    background-color: var(--reg-dpd-current-item-hover-background-color, transparentize);
    color: var(--reg-dpd-current-item-hover-color, #dadbe0)
}

.custom_dropdown_reg .current_item img {
    height: 15px;
    margin-right: 10px
}

.custom_dropdown_reg .current_item span {
    height: 35px
}

.custom_dropdown_reg .current_item_leftPart {
    display: flex;
    align-items: center;
    height: 35px
}

.custom_dropdown_reg.invalid-field .current_item {
    border: 1px solid #ff0000 !important
}

.custom_dropdown_reg .custom_dropdown_list {
    display: none
}

.custom_dropdown_reg .fa-sort-desc {
    transition: all .4s ease
}

.custom_dropdown_reg.opened .fa-sort-desc,
.custom_dropdown_reg.open .fa-sort-desc {
    transform: rotate(-180deg)
}

.custom_dropdown_reg.opened .custom_dropdown_list,
.custom_dropdown_reg.open .custom_dropdown_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 50px;
    height: auto;
    min-height: 21px;
    max-height: var(--custom_dropdown_list-height, 150px);
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: thin;
    border-color: #7c9ed1;
    border-radius: 0;
    background: var(--auth-form-dropdown-background-color, #FFFFFF);
    overflow-y: auto;
    z-index: 1111
}

.custom_dropdown_reg.opened .custom_dropdown_list img,
.custom_dropdown_reg.open .custom_dropdown_list img {
    height: 15px;
    margin-right: 10px;
    vertical-align: middle
}

.custom_dropdown_reg.opened .custom_dropdown_list li,
.custom_dropdown_reg.open .custom_dropdown_list li {
    width: 100%;
    height: 21px;
    padding: 0 10px;
    border-radius: 0;
    background: transparent;
    font-size: 12px;
    line-height: 21px
}

.custom_dropdown_reg.opened .custom_dropdown_list li:hover,
.custom_dropdown_reg.open .custom_dropdown_list li:hover {
    background: var(--reg-dpd-list-item-hover-background-color, #2193FB);
    color: var(--reg-dpd-list-item-hover-color, #fff)
}

.custom_dropdown_reg.opened .custom_dropdown_list li:last-child,
.custom_dropdown_reg.open .custom_dropdown_list li:last-child {
    margin-bottom: 0
}

.birthDate_tabs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.birthDate_tabs .dropdown-wrapper:not(:last-child) {
    margin-right: 15px
}

.birthDate_tabs .custom_dropdown_reg .dropdown-wrapper:not(:last-child) {
    margin-right: var(--register-form-birthData-item-margin-right, 15px)
}

.begion_tabs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: 100%
}

.begion_tabs.default-select {
    height: 100%
}

.begion_tabs .custom_dropdown_reg {
    width: var(--register-form-regionTab-item-width, 49%);
    height: 100%
}

.begion_tabs__Region1 .custom_dropdown_reg {
    width: 100%
}

.begion_tabs__Region1 .custom_dropdown_reg:nth-child(odd) {
    margin-right: 0
}

.begion_tabs__Region2 {
    margin-bottom: 16px
}

.begion_tabs__Region2 .custom_dropdown_reg,
.begion_tabs__Region4 .custom_dropdown_reg,
.begion_tabs__RegionP .custom_dropdown_reg {
    flex: 1 1 var(--register-form-regionTab-item-width, 48%)
}

.begion_tabs__Region4 .custom_dropdown_reg:nth-child(1),
.begion_tabs__Region4 .custom_dropdown_reg:nth-child(2),
.begion_tabs__RegionP .custom_dropdown_reg:nth-child(1),
.begion_tabs__RegionP .custom_dropdown_reg:nth-child(2) {
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.begion_tabs__Region4 .custom_dropdown_reg:nth-child(3),
.begion_tabs__Region4 .custom_dropdown_reg:nth-child(4),
.begion_tabs__RegionP .custom_dropdown_reg:nth-child(3),
.begion_tabs__RegionP .custom_dropdown_reg:nth-child(4) {
    margin-top: var(--register-form-item-margin-top, 15px)
}

.begion_tabs__Region4.flex-column .custom_dropdown_reg,
.begion_tabs__RegionP.flex-column .custom_dropdown_reg {
    flex: 1 1 var(--register-form-regionTab-item-width, 100%);
    margin: 0
}

.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(1),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(1) {
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(4),
.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(7),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(4),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(7) {
    margin-top: var(--register-form-item-margin-top, 15px)
}

.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(2),
.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(3),
.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(5),
.begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(6),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(2),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(3),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(5),
.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(6) {
    margin-top: var(--register-form-item-margin-top, 15px);
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.begion_tabs__RegionP.flex-column .begion_tabs-item:nth-child(4) {
    margin-top: var(--register-form-item-margin-top, 15px);
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.begion_tabs.flex-column {
    flex-direction: column
}

.begion_tabs.flex-column .begion_tabs-item {
    display: flex;
    align-items: center;
    width: 100%
}

.mobileData_tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    border: 2px solid transparent;
    border-radius: 20px;
    background: rgba(0, 36, 225, .2)
}

.mobileData_tabs.custom-focus {
    border: 2px solid #FF9900;
    border-radius: 16px
}

.mobileData_tabs.invalid-field {
    border: 2px solid #ff0000 !important;
    border-radius: 16px
}

.mobileData_tabs .custom_dropdown_reg {
    direction: ltr
}

.mobileData_tabs .custom_dropdown_reg:nth-child(1) {
    width: 40%
}

.mobileData_tabs .custom_dropdown_reg:nth-child(2) {
    width: 70%
}

.mobileData_tabs .custom_dropdown_reg:not(:last-child) {
    margin-right: var(--register-form-mobileData-item-margin-right, 0)
}

.mobileData_tabs input {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    direction: ltr
}

@media (max-width: 767px) {
    .form-row-item {
        margin-left: 5px;
        margin-right: 5px
    }
}

.form-row-item_withLabel {
    height: var(--form-row-item-withLabel-height, 100px)
}

.form-row-item.password-mobile,
.form-row-item.form-rowRegion4-mobile,
.form-row-item__autoHeight,
.form-row-item.RegionP-mobile,
.form-row-item.newHeight {
    height: auto
}

.form-row-item__regSteps {
    width: 100%
}

.form-row1 {
    flex-basis: 100%
}

.form-row2 {
    display: inline-block;
    flex-basis: 48.5%
}

.form-row2:nth-child(2) {
    margin-right: 10px !important
}

.form-row2:nth-child(3) {
    margin-right: 0 !important
}

.form-row3 {
    width: var(--register-form-row-item-3-width, 33.333333%)
}

.form-row4 {
    width: var(--register-form-row-item-4-width, 22.5%)
}

.form-row5 {
    width: var(--register-form-row-item-5-width, 20%)
}

.form-row6 {
    width: var(--register-form-row-item-6-width, 16.67%)
}

.form_field label {
    font-size: var(--register-form-label-font-size, 14px);
    color: var(--register-form-label-color, #fff)
}

.form_field.with-offset {
    margin-bottom: 16px
}

.disable-selected-Item {
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none
}

.disable-selected-Item::-ms-expand {
    display: none
}

.register_error_message {
    top: 10px;
    display: block;
    max-width: 100%;
    text-align: var(--register-error-message-item-align, center);
    text-overflow: ellipsis
}

.form_field_top {
    height: inherit
}

.form_field__Region4,
.form_field__RegionP {
    height: auto
}

.reg-step-navigate-buttons {
    position: initial;
    bottom: var(--register-form-item-bottom, 30px);
    left: 0;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    margin-left: 0;
    padding-top: 0
}

.reg-step-navigate-buttons.flex-end,
.reg-step-navigate-buttons.flex-center,
.reg-step-navigate-buttons.flex-between {
    justify-content: center;
    height: auto
}

.reg-step-navigate-buttons .craft_btn.prev-btn {
    min-width: var(--next-btn-width, 100px);
    background-color: var(--prev-btn-background-color, #24689e);
    color: var(--reg-btn-color, #fff)
}

.reg-step-navigate-buttons .craft_btn.not_active {
    width: var(--not-active-btn-width, 100%);
    background-color: var(--next-btn-not-active-background-color, #9e9e9e);
    background-image: var(--next-btn-not-active-background-image, linear-gradient(to bottom, #1376f8, #194074));
    opacity: .6;
    pointer-events: none
}

.reg-step-navigate-buttons .craft_btn.next-btn {
    width: var(--next-btn-width, 100%);
    min-width: var(--next-btn-width, 100px);
    height: 64px;
    border-radius: 16px;
    background-color: #ebff00;
    background-image: none;
    color: #000;
    cursor: pointer
}

.reg-step-navigate-buttons .craft_btn.next-btn span {
    text-transform: uppercase
}

.reg-step-navigate-buttons .craft_btn.next-btn.not_active-btn {
    pointer-events: none;
    opacity: .5
}

.reg-step-navigate-buttons .craft_btn.save-btn {
    background-color: var(--save-btn-background-color, #24689e);
    color: var(--reg-btn-color, #fff)
}

.password_form_field {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%
}

.password_form_field_top>div {
    width: var(--register-form-passwordData-item-width, 49%)
}

.password_form_field_top>div .form_field {
    width: 100%
}

.password_form_field .form_field-mobile {
    width: 100%
}

.password_form_field .form_field-mobile:nth-child(2) {
    margin-top: var(--register-form-item-margin-top, 15px)
}

.password_form_field_top {
    width: 100%;
    height: 100%
}

.allFormItems {
    display: inline-block
}

.allFormItems.allFormItemsDesktop {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    line-height: 0
}

.allFormItems.allFormItemsDesktop .regSteps {
    display: flex;
    justify-content: center
}

.allFormItems.allFormItemsDesktop .regSteps .regStep {
    width: var(--regStep-width, 20px);
    height: var(--regStep-height, 20px);
    margin-right: var(--regStep-margin-right, 18px);
    border: solid 3px transparent;
    border-radius: 100%;
    background-color: var(--regStep-background-color, #131a2c)
}

.allFormItems.allFormItemsDesktop .regSteps .regStep.regStep_active {
    border: solid 3px #dbedff
}

.allFormItems.allFormItemsDesktop .regSteps .regStep.regStep_prev {
    background-color: var(--regStep_prev-background-color, #1376f8)
}

.allFormItems .form_field {
    display: inline-block;
    width: 100%
}

.allFormItems .form_field label {
    position: relative;
    left: 8px;
    width: var(--register-form-field-label-width, inherit);
    height: 25px;
    padding: 0 8px;
    background: var(--register-background-color, #FFFFFF);
    color: var(--register-label-text-color-color, #ffffff);
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1
}

.allFormItems .password_form_field .password_form_field.autoHeight {
    flex-direction: row;
    height: auto
}

.autoHeight {
    height: auto
}

.autoHeight .password_form_field_top>div {
    width: 100%
}

.autoHeight .password_form_field_top>div .form_field {
    width: 100%
}

.mobile-registration-section .error_message.checkbox-err {
    top: -7px;
    text-overflow: unset;
    overflow: visible
}

.mobile-registration-section .regSteps {
    display: flex;
    justify-content: center
}

.mobile-registration-section .regSteps .regStep {
    width: var(--m-regStep-width, 18px);
    height: var(--m-regStep-height, 18px);
    margin-top: var(--m-regStep-margin-top, 20px);
    margin-right: var(--regStep-margin-right, 18px);
    border: solid 3px transparent;
    border-radius: 100%;
    background-color: var(--regStep-background-color, #131a2c)
}

.mobile-registration-section .regSteps .regStep.regStep_active {
    border: solid 3px #dbedff
}

.mobile-registration-section .regSteps .regStep.regStep_prev {
    background-color: var(--regStep_prev-background-color, #1376f8)
}

.mobile-registration-section .go_back {
    display: flex;
    align-items: center;
    width: var(--m-register-go-back-width, 30%);
    color: var(--m-register-go-back-color, #fff);
    cursor: pointer !important
}

.terms-condition-router {
    cursor: pointer
}

.reg-success-message {
    position: absolute;
    bottom: var(--reg-success-message-bottom, 21px);
    color: var(--regForm-success-message-color, #c41818)
}

.user-default-section2 {
    width: 100%;
    min-height: 560px;
    background: var(--product-background-color, #FFFFFF);
    color: var(--account-content-item-color, #fff)
}

.user-default-section2_top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto
}

.user-default-section2_top .user-left-panel {
    width: 212px;
    background: var(--settings-left-menu-background-color, #d5d5d5)
}

.user-default-section2_top .user-left-panel_topList {
    margin: 20px 0
}

.user-default-section2_top .user-left-panel_topList .menu-list {
    background: none;
    line-height: 30px
}

.user-default-section2_top .user-left-panel_topList .menu-list .dropdown-list {
    top: 38px;
    border-radius: unset
}

.user-default-section2_top .user-left-panel_topList .menu-list .dropdown-list li:hover {
    background: var(--settings-left-menu-item-active-background-color, #FFFFFF)
}

.user-default-section2_top .user-left-panel_topList .menu-list.opened .current-item {
    text-decoration: underline
}

.user-default-section2_top .user-left-panel_topList .global_logout.left-menu-logOut-type-btn {
    padding: 4px 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-transform: capitalize;
    text-align: left;
    cursor: pointer;
    outline: none
}

.user-default-section2_top .user-left-panel_subList {
    margin: 10px 0
}

.user-default-section2_top .user-left-panel_header {
    margin-top: 15px;
    letter-spacing: 1px
}

.user-default-section2_top .user-left-panel_header .title_menu {
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    cursor: default
}

.user-default-section2_top .user-left-panel_list .active {
    background: var(--settings-left-menu-item-active-background-color, #FFFFFF)
}

.user-default-section2_top .user-right-panel {
    position: relative;
    flex: 1;
    padding: 15px 0;
    background: var(--user-right-panel-background-color, #FFFFFF)
}

.user-default-section {
    width: 100%;
    min-height: 560px;
    color: var(--account-content-item-color, #fff)
}

.user-default-section a {
    color: var(--account-content-item-color, #fff)
}

.user-default-section_top {
    display: flex;
    justify-content: space-between;
    gap: 0;
    flex-direction: column
}

.user-default-section_top .user-left-panel {
    display: flex
}

.user-default-section_top .user-left-panel_topList {
    display: flex;
    justify-content: space-between;
    gap: var(--account-big-gap, 12px);
    width: 100%
}

.user-default-section_top .user-left-panel_header {
    position: relative;
    width: 100%;
    margin-top: 15px;
    letter-spacing: 1px
}

.user-default-section_top .user-left-panel_header .action-btn {
    width: 100%;
    min-width: 150px;
    line-height: 18px
}

.user-default-section_top .user-left-panel_header .action-btn:after {
    content: none
}

.user-default-section_top .user-left-panel_header .action-btn.active {
    border: 3px solid #0024E1;
    background: #0024E1
}

.user-default-section_top .user-left-panel_header .user-left-panel_subList {
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    padding-top: var(--account-item-sublist-padding-top, 6px);
    background: transparent
}

.user-default-section_top .user-left-panel_header .user-left-panel_subList div {
    border-radius: 6px;
    background: var(--account-main-bg-color, #213454);
    overflow: hidden
}

.user-default-section_top .user-left-panel_header .user-left-panel_subList div .user-left-panel_list .item_menu {
    display: block;
    margin-left: var(--account-submenu-item-margin-left, 20px);
    margin-right: var(--account-submenu-item-margin-right, 20px);
    padding-top: var(--account-submenu-item-padding-top, 16px);
    padding-bottom: var(--account-submenu-item-padding-bottom, 16px);
    border-bottom: 1px solid var(--account-submenu-item-border-bottom-color, #131A2C);
    font-size: var(--account-item-sublist-font-size, 16px);
    text-decoration: none
}

.user-default-section_top .user-left-panel_header .user-left-panel_subList div .user-left-panel_list:hover {
    background: var(--settings-left-menu-item-active-background-color, #FFFFFF)
}

.user-default-section_top .user-left-panel_header .user-left-panel_subList.active {
    display: none
}

.user-default-section_top .user-left-panel_header:hover .user-left-panel_subList {
    display: block;
    z-index: 999
}

.user-default-section_top .user-right-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: 1;
    height: var(--user-right-panel-height, 831px);
    margin-top: 32px;
    padding-top: 32px;
    border-top: 2px solid rgba(26, 56, 164, .2);
    background: transparent;
    box-sizing: border-box
}

.user-default-section_top .user-right-panel_top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.user-default-section_top .user-right-panel_top ul {
    display: flex;
    gap: var(--account-middle-gap, 8px)
}

.user-default-section_top .user-right-panel_top ul .user-right-panel_list .item_menu {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--account-content-item-padding-top, 16px);
    padding-bottom: var(--account-content-item-padding-bottom, 16px);
    padding-left: var(--account-content-item-padding-left, 14px);
    padding-right: var(--account-content-item-padding-right, 14px);
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 16px;
    background: var(--account-main-bg-color, #213454);
    font-weight: var(--account-content-item-font-weight, 400);
    font-size: var(--account-content-item-font-size, 16px);
    line-height: 18px;
    color: var(--account-content-item-color, #fff);
    text-decoration: none;
    box-sizing: border-box
}

.user-default-section_top .user-right-panel_top ul .user-right-panel_list .item_menu:hover {
    border: 3px solid #0024E1
}

.user-default-section_top .user-right-panel_top ul .user-right-panel_list .item_menu.active {
    border: 3px solid rgba(255, 153, 0, .2);
    background: rgba(255, 153, 0, .2);
    line-height: 18px
}

.user-default-section_top .user-right-panel_top ul .user-right-panel_list .item_menu.active .selected {
    position: absolute;
    top: 34px;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 18px solid var(--account-main-bg-color, #213454);
    color: var(--account-content-item-color, #fff)
}

.user-default-section_top .user-right-panel_top .user-info {
    display: flex;
    align-items: center;
    gap: var(--account-big-gap, 12px);
    flex-direction: row-reverse;
    padding: 12px;
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 16px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box
}

.user-default-section_top .user-right-panel_top .user-info .user-icon {
    position: relative
}

.user-default-section_top .user-right-panel_top .user-info .user-icon .icon-user-info {
    font-size: var(--font-size-6, 24px)
}

.user-default-section_top .user-right-panel_top .user-info .user-icon .icon-user-info:hover {
    cursor: pointer
}

.user-default-section_top .user-right-panel_top .user-info .user-icon .icon-user-info:before {
    color: #f90
}

.user-default-section_top .user-right-panel_top .user-info .user-icon .user-info_content {
    display: none
}

.user-default-section_top .user-right-panel_top .user-info .user-icon:hover .user-info_content {
    display: block
}

.user-default-section_top .user-right-panel_top .user-info .user-icon:hover .user-info_content .selected {
    position: absolute;
    right: 3px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 7px solid var(--account-content-item-color, #fff);
    color: var(--account-content-item-color, #fff)
}

.privaci-policy-section {
    background: #101824
}

.privaci-policy-section .section_content {
    margin: 0 auto;
    background: var(--footer-section-content-background-color, #ffffff);
    height: 100%
}

.privaci-policy-section .section_content .section_list {
    padding: 15px;
    font-size: var(--privacy-policy-text-font-size, unset);
    color: var(--privacy-policy-text-color, #000)
}

.privaci-policy-section .section_content .section_list .Title1 {
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 25px
}

.navigate {
    color: #36b54f
}

.terms-section {
    background: var(--terms-section-background-color, transparent)
}

.terms-section h2 {
    font-size: var(--terms_title-font-size, 25px);
    font-weight: var(--terms_title-font-weight, bold);
    color: var(--terms_title-color, #000);
    line-height: 35px;
    margin-left: 15px;
    margin-top: 0
}

.terms-section_content {
    margin: 0 auto;
    background: var(--footer-section-content-background-color, #ffffff);
    height: 100%
}

.terms-section_list {
    padding: 15px
}

.terms-section_list .Content {
    font-size: var(--footer-sections_content-font-size, 16px);
    font-weight: var(--footer-sections_content-font-weight, normal);
    color: var(--footer-sections_content-text-color, #000)
}

.verify_email_box {
    width: 100%;
    height: 100%
}

.verify_email_box .verify_email_complete {
    text-align: center
}

.verify_email_box .verify_email_complete i {
    font-size: 158px;
    color: #59c10f;
    line-height: 200px;
    margin-top: 45px
}

.verify_email_box .verify_email_complete h1 {
    font-size: 30px;
    font-weight: 400;
    background: linear-gradient(45deg, #c99b3a, #eee089);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.error {
    color: red;
    font-size: 25px;
    text-align: center;
    padding-top: 30px
}

@media only screen and (min-width: 1200px) {
    .verify_email_box {
        min-height: 60vh
    }

    .verify_email_box .verify_email_complete {
        margin: 82px auto 0;
        transform: translateY(95px)
    }
}

.friends-section {
    padding: 32px 0 0
}

.friends-section .referral-link {
    word-break: break-all;
    padding: 10px;
    color: var(--referral-link-text-color, #FFFFFF)
}

.friends-section .history-tools-panel {
    position: absolute;
    right: 0;
    top: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.friends-section .history-tools-panel .period {
    display: flex;
    align-items: center
}

.friends-section .history-tools-panel .period .dropdown-inline-label {
    width: 260px;
    flex-shrink: 0;
    height: 56px
}

.friends-section .history-tools-panel .period .dropdown-inline-label select {
    height: 50px
}

.friends-section .history-tools-panel .period button {
    margin-left: 12px
}

.friends-section .history-tools-panel .send-email {
    flex: 1 1 100%;
    margin-left: 24px
}

.friends-section .history-tools-panel .send-email_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex: 1 1 100%
}

.friends-section .history-tools-panel .send-email_top__wrapper {
    position: relative;
    display: inline-block
}

.friends-section .history-tools-panel .send-email_top__wrapper.margin-bottom {
    margin-bottom: 4px
}

.friends-section .history-tools-panel .send-email_top__wrapper span {
    position: absolute;
    bottom: -16px;
    left: 0;
    display: block;
    font-family: Nunito, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: red
}

.friends-section .history-tools-panel .send-email_input {
    flex-shrink: 0;
    width: 320px
}

.friends-section .history-tools-panel .send-email_btn {
    width: auto;
    min-width: 153px;
    min-height: 44px;
    border: none;
    border-radius: 8px;
    background-image: linear-gradient(to bottom, #1376f8, #173b6d);
    font-size: 16px;
    color: #fff;
    outline: none;
    cursor: pointer
}

.friends-section .history-tools-panel .copy {
    display: flex;
    align-items: center;
    color: #ffffff80
}

.friends-section .history-tools-panel .copy span {
    margin: 0 24px
}

.friends-section .friends-list_mobile {
    padding: 24px 0;
    color: var(--m-friends-list-color, #fff);
    overflow-x: scroll
}

.friends-section .friends-list_mobile::-webkit-scrollbar {
    height: 0;
    width: 0
}

.friends-section .friends-list_mobile-block {
    margin-bottom: 4px;
    padding: 16px 12px;
    border-radius: 16px;
    background-color: #0d082c
}

.friends-section .friends-list_mobile-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px
}

.friends-section .friends-list_mobile-row-label {
    color: #ffffff80
}

.friends-section .send-email_mobile .send-email_top {
    width: 100%
}

.friends-section .send-email_mobile input,
.friends-section .send-email_mobile button {
    width: 100%;
    height: 44px;
    margin-bottom: 15px;
    padding-left: 16px;
    padding-right: 16px;
    border: none;
    border-radius: 8px;
    background: var(--m-select-bg-color, #314566);
    background-color: var(--account-content-item-bg-color);
    font-size: var(--font-size-3, 16px);
    color: var(--m-select-color, #fff)
}

.friends-section .send-email_mobile button {
    background-color: var(--m-friends-button-bg-color, unset);
    background-image: var(--m-friends-button-bg-image, linear-gradient(to bottom, #1376f8, #173b6d))
}

.friends-section .referralLink {
    margin-top: 14px;
    margin-bottom: 8px;
    font-size: var(--font-size-3, 16px);
    color: var(--account-content-item-color);
    text-decoration: underline
}

.friends-section form {
    display: inline-flex;
    width: 100%
}

.friends-section-mobile {
    min-height: 100vh;
    padding: 96px 20px 20px;
    background: var(--m-user-views-background-color, #FFFFFF)
}

.friends-section-mobile .history-tools-panel {
    position: relative;
    right: auto;
    top: auto
}

.friends-section-mobile .history-tools-panel .period .dropdown-inline-label {
    flex-shrink: 0;
    width: 227px;
    border-color: #ff99001a;
    background-color: transparent
}

.friends-section-mobile .history-tools-panel .period .dropdown-inline-label .dropdown-wrapper select {
    background-color: inherit
}

.friends-section-mobile .history-tools-panel .send-email {
    margin-left: 8px
}

.friends-section-mobile .history-tools-panel .send-email_top {
    gap: 8px
}

.friends-section-mobile .history-tools-panel .send-email_input {
    flex-shrink: 1;
    width: 100%;
    min-width: 120px;
    max-width: 300px
}

.friends-section-mobile .history-tools-panel .copy span {
    margin: 16px 8px;
    text-align: center
}

@media (max-width: 767px) {
    .friends-section-mobile {
        padding-top: 86px
    }

    .friends-section-mobile .history-tools-panel {
        flex-direction: column
    }

    .friends-section-mobile .history-tools-panel .period {
        width: 100%;
        margin-bottom: 16px
    }

    .friends-section-mobile .history-tools-panel .period .dropdown-inline-label {
        width: 100%
    }

    .friends-section-mobile .history-tools-panel .send-email {
        width: 100%;
        margin-left: 0
    }

    .friends-section-mobile .history-tools-panel .send-email_top {
        flex-direction: column;
        gap: 16px
    }

    .friends-section-mobile .history-tools-panel .send-email_input {
        max-width: 100%
    }

    .friends-section-mobile .history-tools-panel .send-email * {
        width: 100%
    }

    .friends-section-mobile .history-tools-panel .copy {
        width: 100%;
        flex-direction: column
    }

    .friends-section-mobile .history-tools-panel .copy * {
        width: 100%
    }
}

.account-verification {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important
}

.account-verification .caspor-table .verified {
    color: #05e100
}

.account-verification .verification-message {
    padding: 10px 0 !important;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.account-verification .verification-message p {
    margin-bottom: 24px
}

.account-verification .verification-message ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    padding: 0;
    list-style: none
}

.account-verification .verification-message ul li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 2px;
    border-radius: 100%;
    background: var(--verif-points-color, #fff)
}

.account-verification .caspor-form {
    display: block;
    width: 420px;
    margin-bottom: 32px
}

.account-verification .caspor-form .form-inner-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.account-verification .caspor-form .form-inner-wrapper .dropdown-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    height: 56px;
    border: 3px solid #0a0a46;
    border-radius: 16px;
    background-color: #0a0a46
}

.account-verification .caspor-form .form-inner-wrapper .dropdown-wrapper:hover {
    border: 3px solid #FF9900
}

.account-verification .caspor-form .form-inner-wrapper .dropdown-wrapper:hover::placeholder {
    color: #fff
}

.account-verification .caspor-form .form-inner-wrapper .dropdown-wrapper label {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 12px;
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.account-verification .caspor-form .form-inner-wrapper .dropdown-wrapper select {
    width: 68%;
    padding: 18px 0 18px 8px;
    border: none;
    border-radius: inherit;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #f90
}

.account-verification .caspor-form .form-inner-wrapper .dropdown-wrapper #chooseDocument {
    height: 50px
}

.account-verification .caspor-form .form-inner-wrapper option {
    padding: 3px 2px
}

.account-verification .caspor-form .fileselect-wrapper .form_field__top {
    display: block
}

.account-verification .caspor-form .fileselect-wrapper input {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

.account-verification .caspor-form .fileselect-wrapper input.change_name,
.account-verification .caspor-form .fileselect-wrapper input.choose_input {
    width: 100%;
    min-width: 308px;
    height: 56px;
    border: 2px solid transparent;
    border-radius: 20px;
    background-color: #0a0a46;
    text-shadow: none
}

.account-verification .caspor-form .fileselect-wrapper input.change_name::placeholder,
.account-verification .caspor-form .fileselect-wrapper input.choose_input::placeholder {
    font-weight: 500;
    font-size: 16px;
    color: #fff !important
}

.account-verification .block-head {
    margin-bottom: 0 !important;
    font-size: 14px
}

@media (max-width: 1279px) {
    .account-verification .caspor-form {
        width: 100%
    }
}

.user-history-section {
    padding: 15px 10px
}

.user-history-section .nav-tabs {
    font-weight: 700;
    font-size: 18px;
    padding: 0 16px;
    display: flex
}

.user-history-section .nav-tabs li {
    margin-right: 50px;
    cursor: pointer;
    outline: none
}

.user-history-section .nav-tabs li.active-tab {
    text-decoration: underline
}

.calculateContentSection {
    height: calc(100vh - var(--header-panel1-height) - var(--header-panel2-height))
}

.content_without_footer_one_line_header {
    height: calc(100vh - var(--header-panel1-height))
}

.content_without_footer_two_line_header {
    height: calc(100vh - var(--header-panel1-height) - var(--header-panel2-height))
}

.home-page-section {
    height: 100%;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat
}

.home-page-section_banners .slick-track {
    height: 640px
}

@media (max-width: 1919px) {
    .home-page-section_banners .slick-track {
        height: 554px
    }
}

@media (max-width: 1679px) {
    .home-page-section_banners .slick-track {
        height: 468px
    }
}

@media (max-width: 1439px) {
    .home-page-section_banners .slick-track {
        height: 410px
    }
}

.home-page-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    text-align: center
}

.home-page-section .casino-game-section_banners {
    min-height: 360px
}

.home-page-section .casino-menu-container {
    display: flex;
    justify-content: center;
    max-width: 1550px;
    margin: 0 auto
}

.home-page-section .casino-menu-container .casino-games-menu {
    display: grid;
    justify-content: space-evenly;
    grid-column-gap: 27px;
    grid-template-columns: 240px 240px 240px 240px 240px 240px;
    margin: 10px auto
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs {
    display: flex;
    grid-column: 1/span 4;
    height: 47px;
    border-bottom: none
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs li {
    display: inline-block;
    position: relative;
    outline: none;
    z-index: 2
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs li.active {
    border-bottom: 2px solid var(--header-menu-item-active-border-color, #FFFFFF);
    transform: translateY(1px)
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs li a {
    height: 100%;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field {
    position: relative;
    min-height: 40px;
    font-size: 14px;
    color: #fff
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field .selected-provider {
    position: absolute;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: solid 2px var(--common-box-border-color, #FFFFFF);
    border-radius: 10px
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field .selected-provider fa {
    font-size: 29px
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field.opened .custom_dropdown_list {
    display: block
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field .custom_dropdown_list {
    height: 300px;
    border-radius: 2px;
    position: absolute;
    top: 50px;
    width: 100%;
    border: solid 1px var(--common-box-border-color, #FFFFFF);
    background-color: #101824e6;
    overflow-y: scroll;
    display: none;
    z-index: 1;
    line-height: 25px
}

.home-page-section .casino-menu-container .casino-games-menu .search_field {
    height: 40px;
    padding: 0 16px;
    border: solid 2px var(--common-box-border-color, #FFFFFF);
    border-radius: 10px;
    color: #fff
}

.home-page-section .casino-menu-container .casino-games-menu .search_field fa {
    font-size: 16px
}

.home-page-section .casino-menu-container .casino-games-menu .search_field input {
    flex: 1;
    height: 100%;
    padding: 0 0 0 5px;
    border: none;
    background: none;
    color: #fff;
    outline: none
}

.home-page-section .filter-game-section_items {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.home-page-section .filter-game-section_items .product_list {
    display: grid;
    grid-template-columns: 240px 240px 240px 240px 240px 240px;
    grid-row-gap: 27px;
    grid-column-gap: 27px;
    justify-content: space-evenly;
    padding-bottom: 25px
}

.home-page-section .filter-game-section_items .product_list .widget {
    grid-column: 6;
    grid-row: 1/span 2;
    min-height: 360px;
    padding-left: 16px;
    padding-top: 10px;
    border: solid 2px var(--common-box-border-color, #FFFFFF);
    border-radius: 10px;
    overflow: hidden
}

.home-page-section .filter-game-section_items .product_list .widget .carousel .slick-list {
    height: 350px !important
}

.home-page-section .filter-game-section_items .product_list .widget .vertical-slider>div {
    line-height: 11px
}

.home-page-section .filter-game-section_items .product_list .widget h3 {
    font-size: 16px;
    color: #fff
}

.home-page-section .filter-game-section_items .product_list .widget p {
    font-size: 14px;
    color: #c3c9c8
}

.home-page-section .filter-game-section_items .product_list .widget p span {
    color: #0fa989
}

.home-page-section .filter-game-section_items .product_list_item {
    display: inline-block;
    width: 240px;
    height: 180px;
    border-radius: 10px;
    box-sizing: border-box
}

.home-page-section .filter-game-section_items .product_list_item:hover .game-open {
    visibility: visible
}

.home-page-section .filter-game-section_items .product_list_item .game-img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s
}

.home-page-section .filter-game-section_items .product_list_item .game-img:hover {
    transform: scale(1.07)
}

.home-page-section .filter-game-section_items .product_list_item .game-img:hover .game-img-wrapper {
    opacity: 1
}

.home-page-section .filter-game-section_items .product_list_item .game-img .game-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.home-page-section .filter-game-section_items .product_list_item .game-open {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    text-align: center;
    visibility: hidden
}

.home-page-section .filter-game-section_items .product_list_item .game-open.game-open-demo {
    top: 60%
}

.home-page-section .filter-game-section_items .product_list_item .game-btn {
    position: absolute;
    left: 25%;
    display: inline-block;
    width: 106px;
    border-radius: 16px;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.home-page-section .filter-game-section_items .product_list_item .game-btn_real {
    top: 42%;
    background: #000;
    opacity: .6
}

.home-page-section .filter-game-section_items .product_list_item .game-btn_demo {
    top: -15%;
    background: #273346
}

.home-page-section .filter-game-section_items .product_list_item .game-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: linear-gradient(to top, #030303, rgba(3, 3, 3, 0));
    line-height: 88px;
    color: #d0d0d0;
    text-indent: 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-page-section .filter-game-section_items .product_list_item .game-title__heart {
    margin-right: 3px;
    font-size: 14px;
    color: #fff
}

@media screen and (max-width: 1580px) {
    .home-page-section .filter-game-section_items .product_list {
        grid-template-columns: 240px 240px 240px 240px 240px;
        grid-row-gap: 27px
    }

    .home-page-section .filter-game-section_items .product_list .widget {
        grid-column: 5;
        grid-row: 1/span 2
    }

    .home-page-section .casino-menu-container .casino-games-menu {
        grid-template-columns: 240px 240px 240px 240px 240px
    }

    .home-page-section .casino-menu-container .casino-games-menu .nav-tabs {
        grid-column: 1/span 3
    }
}

@media screen and (max-width: 1335px) {
    .home-page-section .filter-game-section_items .product_list {
        grid-template-columns: 240px 240px 240px 240px;
        grid-row-gap: 27px
    }

    .home-page-section .filter-game-section_items .product_list .widget {
        grid-column: 4;
        grid-row: 1/span 2
    }

    .home-page-section .casino-menu-container .casino-games-menu {
        grid-template-columns: 240px 240px 240px 240px
    }

    .home-page-section .casino-menu-container .casino-games-menu .nav-tabs {
        grid-column: 1/span 2
    }

    .home-page-section .casino-menu-container .casino-games-menu .nav-tabs li a {
        padding: 0 9px;
        font-size: 13px
    }
}

.home-page-section .default_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #cecece;
    -webkit-box-shadow: inset 0 0 6px #cecece
}

.home-page-section .default_scroll::-webkit-scrollbar {
    width: 7px;
    background-color: transparent
}

.home-page-section .default_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0fa989;
    -webkit-box-shadow: inset 0 0 6px #0fa989
}

.home-page-section .game-rating {
    float: right;
    margin-right: 5px
}

.filter_field {
    cursor: pointer
}

.websitePagesContent {
    position: relative;
    width: 100%;
    padding: 0 var(--homa-page-content-padding-right, 10px) 0 var(--homa-page-content-padding-left, 10px);
    margin-top: var(--homePage-content-margin-top, 100px);
    -webkit-user-select: none;
    user-select: none;
    text-align: center
}

.websitePagesContent__content {
    display: flex;
    flex-wrap: wrap;
    min-width: 1024px;
    margin: var(--homePage-selectionBar-margin-top, 5px) auto var(--homePage-selectionBar-margin-bottom, 5px) auto;
    outline: none
}

.websitePagesContent__content .content-row {
    display: flex;
    width: 100%
}

.websitePagesContent__content iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none
}

.websitePagesContent__content_title {
    width: 100%;
    height: var(--homePage-selectionBar-title-height, 30px);
    margin-bottom: var(--homePage-content-title-margin-bottom, 0);
    margin-top: var(--homePage-content-title-margin-top, 0);
    padding-left: var(--homePage-selectionBar-title-padding-left, 0);
    border-bottom-left-radius: var(--homePage-selectionBar-title-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--homePage-selectionBar-title-border-bottom-right-radius, 0);
    border-top-left-radius: var(--homePage-selectionBar-title-border-top-left-radius, 0);
    border-top-right-radius: var(--homePage-selectionBar-title-border-top-right-radius, 0);
    border-left-color: var(--homePage-selectionBar-title-border-left-color, transparentize);
    border-right-color: var(--homePage-selectionBar-title-border-right-color, transparentize);
    border-bottom-color: var(--homePage-selectionBar-title-border-bottom-color, transparentize);
    border-top-color: var(--homePage-selectionBar-title-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--homePage-selectionBar-title-border-left-width, 0);
    border-right-width: var(--homePage-selectionBar-title-border-right-width, 0);
    border-top-width: var(--homePage-selectionBar-title-border-top-width, 0);
    border-bottom-width: var(--homePage-selectionBar-title-border-bottom-width, 0);
    background-color: var(--homePage-selectionBar-title-background-color, transparentize);
    font-size: var(--homePage-selectionBar-title-font-size, 17px);
    line-height: var(--homePage-selectionBar-title-line-height, 30px);
    color: var(--homePage-selectionBar-title-color, #fff);
    text-align: left
}

.websitePagesContent__content_title .fa {
    margin-right: var(--homePage-selectionBar-header-icon-margin-right, 4px)
}

.websitePagesContent__content .imageBar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin-top: var(--imageBar-style1-margin-top, 0);
    margin-bottom: var(--imageBar-style1-margin-bottom, 0);
    border-bottom-left-radius: var(--imageBar-style1-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--imageBar-style1-border-bottom-right-radius, 0);
    border-top-left-radius: var(--imageBar-style1-border-top-left-radius, 0);
    border-top-right-radius: var(--imageBar-style1-border-top-right-radius, 0);
    border-left-color: var(--imageBar-style1-border-left-color, transparentize);
    border-right-color: var(--imageBar-style1-border-right-color, transparentize);
    border-bottom-color: var(--imageBar-style1-border-bottom-color, transparentize);
    border-top-color: var(--imageBar-style1-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--imageBar-style1-border-left-width, 0);
    border-right-width: var(--imageBar-style1-border-right-width, 0);
    border-top-width: var(--imageBar-style1-border-top-width, 0);
    border-bottom-width: var(--imageBar-style1-border-bottom-width, 0);
    background-color: var(--imageBar-style1-background-color, rgba(19, 118, 248, .56));
    background-image: none !important;
    cursor: pointer;
    outline: none
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item:not(:last-of-type) {
    margin-right: var(--home-page-item-margin-right, 10px)
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item:last-child {
    border-bottom-right-radius: var(--homePage-last-item-border-bottom-right-radius, 0);
    border-top-right-radius: var(--homePage-last-item-border-top-right-radius, 0)
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item:first-child {
    border-bottom-left-radius: var(--homePage-first-item-border-bottom-right-radius, 0);
    border-top-left-radius: var(--homePage-first-item-border-top-right-radius, 0)
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item .item-title {
    font-size: var(--imageBar-style1-font-size, 14px);
    color: var(--imageBar-style1-color, #fff);
    white-space: nowrap
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item .contentImage-path {
    position: relative;
    height: var(--imageBar-style1-height, 60px);
    width: var(--imageBar-style1-width, 60px);
    margin-left: var(--imageBar-style1-margin-left, 0);
    margin-right: var(--imageBar-style1-margin-right, 10px);
    margin-top: var(--imageBar-style1-margin-top, 0);
    margin-bottom: var(--imageBar-style1-margin-bottom, 0);
    border-top-left-radius: var(--homePage-item-border-top-left-radius, 0);
    border-top-right-radius: var(--homePage-item-border-top-right-radius, 0);
    border-bottom-left-radius: var(--homePage-item-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--homePage-item-border-bottom-right-radius, 0);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item .contentImage-path .play-button {
    display: none
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-top: var(--imageBar-style2-margin-top, 0);
    margin-bottom: var(--imageBar-style2-margin-bottom, 0);
    padding-top: var(--imageBar-style2-padding-top, 20px);
    padding-bottom: var(--imageBar-style2-padding-bottom, 20px);
    padding-left: var(--imageBar-style2-padding-left, 0);
    padding-right: var(--imageBar-style2-padding-right, 0);
    border-bottom-left-radius: var(--imageBar-style2-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--imageBar-style2-border-bottom-right-radius, 0);
    border-top-left-radius: var(--imageBar-style2-border-top-left-radius, 0);
    border-top-right-radius: var(--imageBar-style2-border-top-right-radius, 0);
    border-left-color: var(--imageBar-style2-border-left-color, transparentize);
    border-right-color: var(--imageBar-style2-border-right-color, transparentize);
    border-bottom-color: var(--imageBar-style2-border-bottom-color, transparentize);
    border-top-color: var(--imageBar-style2-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--imageBar-style2-border-left-width, 0);
    border-right-width: var(--imageBar-style2-border-right-width, 0);
    border-top-width: var(--imageBar-style2-border-top-width, 0);
    border-bottom-width: var(--imageBar-style2-border-bottom-width, 0);
    background-color: var(--imageBar-style2-background-color, rgba(19, 118, 248, .56));
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item:not(:last-of-type) {
    margin-right: var(--imageBar-style2-margin-right, 10px)
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path {
    position: relative;
    display: block;
    height: var(--imageBar-style2-height, 298px);
    width: var(--imageBar-style2-width, 298px);
    border-bottom-right-radius: var(--imageBar-style2-border-bottom-right-radius, 100%);
    border-bottom-left-radius: var(--imageBar-style2-border-bottom-left-radius, 100%);
    border-top-right-radius: var(--imageBar-style2-border-top-right-radius, 100%);
    border-top-left-radius: var(--imageBar-style2-border-top-left-radius, 100%);
    background-color: var(--imageBar-style2-contentImage-background-color, transparent);
    background-size: cover;
    box-shadow: 0 3px 6px 0 var(--imageBar-style2-box-shadow-color, rgba(81, 81, 81, .4));
    transition: all .3s
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path:hover {
    border-bottom-right-radius: var(--imageBar-style2-hover-border-bottom-right-radius, 50%);
    border-bottom-left-radius: var(--imageBar-style2-hover-border-bottom-left-radius, 50%);
    border-top-right-radius: var(--imageBar-style2-hover-border-top-right-radius, 50%);
    border-top-left-radius: var(--imageBar-style2-hover-border-top-left-radius, 50%);
    transform: scale(1.07)
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path:hover .play-button {
    display: block
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path:hover .img-wrapper {
    opacity: 1
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path .img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    padding: 8px 16px;
    border-radius: 6px;
    background-image: linear-gradient(to bottom, var(--imageBar-style2-gradient-first-color, #1376f8), var(--imageBar-style2-gradient-second-color, #194074));
    font-size: var(--imageBar-style2-font-size, 16px);
    color: var(--button-color, #FFFFFF);
    text-align: center;
    white-space: nowrap;
    border: none;
    outline: none;
    cursor: pointer;
    transform: translate(-50%, -50%);
    z-index: 2
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .item-title {
    margin-top: var(--imageBar-style2-title-margin-top, 10px);
    margin-bottom: var(--imageBar-style2-title-margin-bottom, 10px);
    font-size: var(--imageBar-style2-title-font-size, 14px);
    color: var(--imageBar-style2-title-color, #FFFFFF)
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-top: var(--imageBar-style3-margin-top, 0);
    margin-bottom: var(--imageBar-style3-margin-bottom, 0);
    border-bottom-left-radius: var(--imageBar-style3-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--imageBar-style3-border-bottom-right-radius, 0);
    border-top-left-radius: var(--imageBar-style3-border-top-left-radius, 0);
    border-top-right-radius: var(--imageBar-style3-border-top-right-radius, 0);
    border-left-color: var(--imageBar-style3-border-left-color, transparentize);
    border-right-color: var(--imageBar-style3-border-right-color, transparentize);
    border-bottom-color: var(--imageBar-style3-border-bottom-color, transparentize);
    border-top-color: var(--imageBar-style3-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--imageBar-style3-border-left-width, 0);
    border-right-width: var(--imageBar-style3-border-right-width, 0);
    border-top-width: var(--imageBar-style3-border-top-width, 0);
    border-bottom-width: var(--imageBar-style3-border-bottom-width, 0);
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item:not(:last-of-type) {
    margin-right: var(--imageBar-style3-margin-right, 10px)
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .contentImage-path {
    position: relative;
    display: block;
    height: var(--imageBar-style2-height, 298px);
    width: var(--imageBar-style2-width, 298px);
    border-bottom-right-radius: var(--imageBar-style3-border-bottom-right-radius, unset);
    border-bottom-left-radius: var(--imageBar-style3-border-bottom-left-radius, unset);
    border-top-right-radius: var(--imageBar-style3-border-top-right-radius, unset);
    border-top-left-radius: var(--imageBar-style3-border-top-left-radius, unset);
    background-color: var(--imageBar-style3-contentImage-background-color, transparent);
    background-size: cover;
    transition: all .3s
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .contentImage-path .play-button {
    display: none
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .contentImage-path .img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .item-title {
    margin-top: var(--imageBar-style3-title-margin-top, 10px);
    margin-bottom: var(--imageBar-style3-title-margin-bottom, 10px);
    font-size: var(--imageBar-style3-title-font-size, 14px);
    color: var(--imageBar-style3-title-color, #FFFFFF)
}

.websitePagesContent__content .imageBar2-carousel {
    display: block
}

.websitePagesContent__content .imageBar2-carousel .slick-list {
    height: var(--imageBar2-carousel-height, 382px)
}

.websitePagesContent__content .imageBar2-carousel .slick-arrow:before {
    filter: unset !important;
    color: #fff
}

.websitePagesContent__content .imageBar2-carousel .slick-prev:before {
    content: "\2190" !important
}

.websitePagesContent__content .imageBar2-carousel .slick-next:before {
    content: "\2192" !important
}

.slick-list,
.slick-track {
    height: auto
}

.bonuses-section {
    height: var(--payment-section-content-width);
    padding: 15px 10px;
    background: var(--account-main-bg-color, #213454);
    border-radius: 6px
}

.bonuses-section section {
    height: var(--bonuses-block-section-height, 538px) !important;
    overflow-y: auto
}

.bonuses-section section .bonuses-block_item {
    width: 12.5%
}

.bonuses-section .send-promo-code-box {
    height: 40px;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 16px
}

.bonuses-section .send-promo-code-box .success-message,
.bonuses-section .send-promo-code-box .error-message {
    position: absolute;
    bottom: -12px;
    font-size: 11px
}

.bonuses-section .send-promo-code-box .success-message {
    color: #3c763d
}

.bonuses-section .send-promo-code-box .error-message {
    color: #ff0029
}

.bonuses-section .send-promo-code-box input {
    min-width: var(--history-select-width, 234px);
    outline: none;
    background: var(--account-content-item-bg-color, #314566);
    border-radius: 6px;
    color: var(--account-content-item-color, #fff);
    padding: var(--history-select-padding, 12px 16px);
    font-size: var(--font-size-16, 16px);
    border: none
}

.bonuses-section .send-promo-code-box button {
    flex: 1;
    margin-left: 20px;
    height: 100%;
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px
}

.bonuses-section .bonus-tab-bar {
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.bonuses-section .bonus-tab-bar .bonus-tab-bar_top {
    display: flex
}

.bonuses-section .bonus-tab-bar_item {
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 1.48px
}

.bonuses-section .bonus-tab-bar_item.active {
    text-decoration: underline
}

.bonuses-section .bonus-tab-content {
    min-height: 300px
}

.bonuses-section .bonus-tab-content.game-bonus {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    justify-content: center;
    font-weight: 400;
    color: #000
}

.bonuses-section .bonus-error-message,
.bonuses-section .bonus-success-message {
    position: absolute;
    top: var(--promo-error-top, -28px);
    left: var(--promo-rror-left, 0);
    color: #ff0029
}

.bonuses-section .bonus-success-message {
    color: #3c763d
}

.modal-content.triggers,
.modal-content.confirm {
    max-width: 350px !important
}

.modal-content.triggers .actions,
.modal-content.confirm .actions {
    display: flex;
    justify-content: flex-end
}

.modal-content.triggers .actions button:first-of-type,
.modal-content.confirm .actions button:first-of-type {
    margin-right: 10px
}

.modal-content.triggers .actions button,
.modal-content.confirm .actions button {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px
}

.modal-content.triggers .modal-body,
.modal-content.confirm .modal-body {
    float: none !important;
    display: flex;
    justify-content: space-between;
    align-content: inherit;
    align-items: center
}

.modal-content.triggers .trigger-item,
.modal-content.confirm .trigger-item {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-bottom: 10px
}

.modal-content.triggers .trigger-item .trigger-row,
.modal-content.confirm .trigger-item .trigger-row {
    line-height: 25px;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.modal-content.triggers .trigger-item .trigger-row .wrap-text,
.modal-content.confirm .trigger-item .trigger-row .wrap-text {
    word-break: break-all;
    text-align: right;
    padding-left: 5px
}

.filter-panel form {
    display: flex;
    align-items: flex-end
}

.filter-panel .history-tools {
    margin-right: 15px
}

.filter-panel .history-tools select {
    min-width: var(--history-select-width, 234px);
    outline: none;
    background: var(--account-content-item-bg-color, #314566);
    border-radius: 6px;
    color: var(--account-content-item-color, #fff);
    padding: var(--history-select-padding, 12px 16px);
    -webkit-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--account-content-item-color, #fff) 50%), linear-gradient(135deg, var(--account-content-item-color, #fff) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 16px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 6px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    font-size: var(--font-size-16, 16px);
    border: none;
    height: 44px
}

.filter-panel .history-tools button {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    line-height: unset
}

.casino-section {
    margin: 0
}

.casino-section .banner_image {
    position: relative;
    width: 100%;
    height: 450px;
    background-image: linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 36%, rgba(84, 84, 84, 0) 45%)
}

.casino-section .banner_image .banner-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper-bg, linear-gradient(to left, #131a2c, rgba(83, 83, 83, .02) 64%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .banner_image .banner-wrapper2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper2-bg, linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 45%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .banner_image .banner-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%)
}

.casino-section .banner_image .banner-content .banner-description {
    width: 300px;
    font-family: roboto-regular;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--banner-description-color, #FFFFFF)
}

.casino-section .banner_image .banner-content .banner-content-description {
    font-family: roboto-regular;
    color: var(--banner-description-color, #FFFFFF);
    line-height: 2.5;
    font-weight: 600
}

.casino-section .banner_image .banner-content .banner-action {
    display: inline-block;
    height: 31px;
    margin-top: 5px;
    padding: 0 20px;
    border-radius: 3px;
    background-image: linear-gradient(to top, var(--banner-action-gradient-color-2, #10ab8a), var(--banner-action-gradient-color-1, #02887e));
    font-size: 12px;
    line-height: 31px;
    color: var(--banner--action-text-color, #FFFFFF);
    text-transform: uppercase
}

.casino-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    text-align: center
}

.casino-section .casino-game-section_banners {
    position: relative
}

.casino-section .casino-game-section_banners .icon-next-arrow {
    position: fixed;
    bottom: 48px;
    right: 24px;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-image: var(--casino-to-top-bgImage, linear-gradient(to bottom, #1376f8, #194074));
    background-color: var(--casino-to-top-background-color, unset);
    box-shadow: 0 7px 10px #182130f0;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    outline: none;
    transform: rotate(-90deg)
}

.casino-section .casino-game-section-content {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto
}

.casino-section .casino-game-section-content .left-section {
    position: sticky;
    top: 110px;
    width: calc(25% - 8px);
    min-height: 778px;
    margin-right: 16px
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section {
        top: 128px
    }
}

.casino-section .casino-game-section-content .left-section-search-block {
    margin-bottom: 24px;
    padding: 16px 12px 12px;
    border-radius: 20px;
    background: #120e4c;
    font-family: Nunito, sans-serif
}

.casino-section .casino-game-section-content .left-section .search_field {
    height: 56px;
    margin-bottom: 12px;
    padding-right: 18px;
    border-radius: 10px;
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .search_field .search-icon {
    width: 32px;
    height: 32px;
    border: none;
    cursor: default
}

.casino-section .casino-game-section-content .left-section .search_field input {
    flex: 1;
    height: 100%;
    padding: 18px 12px;
    border: none;
    background: transparent;
    outline: none
}

.casino-section .casino-game-section-content .left-section .search_field input::placeholder {
    color: #fff
}

.casino-section .casino-game-section-content .left-section .nav-bar {
    display: flex;
    flex-direction: column
}

.casino-section .casino-game-section-content .left-section .nav-bar .title {
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333% - 4px));
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 6px;
    overflow-y: auto;
    overflow-x: hidden
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 170px;
    padding: 14px;
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    overflow: hidden
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover a,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover i {
    color: #f90
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
        height: 150px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
        height: 130px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
        height: 110px
    }
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
    width: 104px;
    height: 104px;
    object-position: center
}

@media (max-width: 1919px) {

    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
        width: 84px;
        height: 84px
    }
}

@media (max-width: 1679px) {

    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
        width: 64px;
        height: 64px
    }
}

@media (max-width: 1439px) {

    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
        width: 44px;
        height: 44px
    }
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active {
    background: rgba(26, 56, 164, .2);
    outline: none
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active a,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active i {
    color: #f90
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--product-navigation-tab-color, #FFFFFF);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a {
    margin-top: 14px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    margin-top: 0
}

.casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows {
    margin-top: auto
}

.casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    border-radius: 4px;
    background-color: #1d2e4a;
    line-height: 24px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: none
}

.casino-section .casino-game-section-content .left-section .filter_field {
    border-radius: 6px;
    cursor: default
}

.casino-section .casino-game-section-content .left-section .filter_field .selected-provider {
    width: 100%;
    margin-bottom: 32px;
    font-size: 18px;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .filter_field .selected-provider .selected-provider-label {
    color: var(--selected-provider-label-color, #FFFFFF)
}

.casino-section .casino-game-section-content .left-section .filter_field .search-providers {
    margin-bottom: 24px;
    border-bottom: solid 1px #131a2c;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .filter_field .search-providers input {
    height: 100%;
    padding: 0 0 8px;
    border: none;
    background: none;
    outline: none;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333% - 4px));
    grid-gap: 6px;
    width: 100%;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 132px;
    border: 3px solid rgba(26, 56, 164, .3);
    border-radius: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    text-align: center
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li:hover {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li.selected {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    word-break: break-word
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li span {
        font-size: 11px;
        line-height: 15px
    }
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
    display: block;
    width: 132px;
    height: 132px
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
        width: 112px;
        height: 112px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
        width: 92px;
        height: 92px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
        width: 72px;
        height: 72px
    }
}

.casino-section .casino-game-section-content .search-results {
    width: calc(75% - 8px)
}

.casino-section .casino-game-section-content .search-results .nav {
    position: sticky;
    top: 0;
    display: flex;
    padding-bottom: 31px;
    background-color: var(--product-background-color, #ffffff);
    z-index: 1
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs {
    display: flex;
    align-items: center;
    grid-column: 1/span 4;
    width: 100%;
    height: 36px;
    padding-left: 23px;
    border-bottom: none;
    color: var(--product-navigation-tab-active-color, #FFFFFF);
    line-height: 36px
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs:hover a {
    color: var(--product-navigation-tab-hover-color, #ccc)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs .tab-item {
    width: auto;
    height: 100%;
    border-bottom: 2px solid var(--product-navigation-tab-active-color, #FFFFFF)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs.active {
    border-bottom: 2px solid var(--header-menu-item-active-border-color, #FFFFFF);
    transform: translateY(1px)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs.active:hover {
    color: var(--product-navigation-tab-active-item-hover-color, #ccc)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs a,
.casino-section .casino-game-section-content .search-results .nav .nav-tabs i {
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs a {
    margin-left: 16px
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 20px
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item {
    margin-bottom: 6px;
    margin-left: 8px;
    color: var(--casino-layout-icon-color, #FFFFFF);
    cursor: pointer
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item:hover {
    color: var(--casino-layout-icon-hover-color, #FFFFFF)
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item.selected {
    color: var(--casino-layout-icon-selected-color, #209cff)
}

.casino-section .casino-game-section-content .search-results .product_list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333% - 10.6666666667px));
    grid-template-rows: auto;
    grid-gap: 16px;
    width: 100%;
    scroll-margin-top: 110px
}

.casino-section .casino-game-section-content .search-results .product_list_item {
    position: relative;
    display: inline-block;
    height: 314px;
    border-radius: 20px;
    background: rgba(26, 56, 164, .2);
    box-sizing: border-box
}

.casino-section .casino-game-section-content .search-results .product_list_item:hover {
    background: #1A38A4
}

.casino-section .casino-game-section-content .search-results .product_list_item:hover .game-img .game-img-wrapper {
    background: linear-gradient(180deg, rgba(26, 56, 164, 0) 0%, #1A38A4 100%);
    opacity: 1
}

.casino-section .casino-game-section-content .search-results .product_list_item:hover .game-open,
.casino-section .casino-game-section-content .search-results .product_list_item:hover .game-btn,
.casino-section .casino-game-section-content .search-results .product_list_item:hover .icon-layer {
    visibility: visible
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .search-results .product_list_item {
        height: 276px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .search-results .product_list_item {
        height: 238px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .search-results .product_list_item {
        height: 213px
    }
}

.casino-section .casino-game-section-content .search-results .product_list_item app-product-item {
    display: block;
    width: 100%;
    height: 100%
}

.casino-section .casino-game-section-content .search-results .product_list_item .icon-layer {
    position: absolute;
    top: 38px;
    width: 100%;
    font-size: 64px;
    color: #e8d838;
    text-align: center;
    visibility: hidden
}

.casino-section .casino-game-section-content .more-button {
    display: inherit;
    min-width: 126px;
    height: 36px;
    margin: 44px 0 48px;
    padding: 0 10px;
    border: solid 1px #fff;
    border-radius: 6px;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(25, 36, 56, .3), rgba(22, 53, 99, .3) 119%, rgba(21, 59, 115, .2) 139%, rgba(12, 107, 232, .1) 222%);
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    outline: none;
    cursor: pointer
}

.casino-section .casino-game-section-content .more-button span {
    margin-left: 6px;
    color: var(--casino-more-btn-color, #007AFF)
}

.casino-section .casino-section {
    margin: 0;
    background: var(--product-background-color, #FFFFFF)
}

.casino-section .casino-section .banner_image {
    position: relative;
    width: 100%;
    height: 450px;
    background-image: linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 36%, rgba(84, 84, 84, 0) 45%)
}

.casino-section .casino-section .banner_image .banner-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper-bg, linear-gradient(to left, #131a2c, rgba(83, 83, 83, .02) 64%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .casino-section .banner_image .banner-wrapper2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper2-bg, linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 45%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .casino-section .banner_image .banner-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%)
}

.casino-section .casino-section .banner_image .banner-content .banner-description {
    width: 300px;
    font-family: roboto-regular;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--banner-description-color, #FFFFFF)
}

.casino-section .casino-section .banner_image .banner-content .banner-content-description {
    font-family: roboto-regular;
    color: var(--banner-description-color, #FFFFFF);
    line-height: 2.5;
    font-weight: 600
}

.casino-section .casino-section .banner_image .banner-content .banner-action {
    display: inline-block;
    height: 31px;
    margin-top: 5px;
    padding: 0 20px;
    border-radius: 3px;
    background-image: linear-gradient(to top, var(--banner-action-gradient-color-2, #10ab8a), var(--banner-action-gradient-color-1, #02887e));
    font-size: 12px;
    line-height: 31px;
    color: var(--banner--action-text-color, #FFFFFF);
    text-transform: uppercase
}

.casino-section .casino-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    text-align: center
}

.casino-section .casino-section .casino-game-section_banners {
    position: relative
}

.casino-section .casino-section .casino-game-section_banners .icon-next-arrow {
    position: fixed;
    bottom: 48px;
    right: 24px;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-image: var(--casino-to-top-bgImage, linear-gradient(to bottom, #1376f8, #194074));
    background-color: var(--casino-to-top-background-color, unset);
    box-shadow: 0 7px 10px #182130f0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    transform: rotate(-90deg)
}

.casino-section .casino-section .casino-game-section-content {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 24px
}

.casino-section .casino-section .casino-game-section-content .left-section {
    position: sticky;
    top: 6px;
    width: 432px;
    height: 964px;
    margin-right: 16px;
    z-index: 1
}

.casino-section .casino-section .casino-game-section-content .left-section-search-block {
    margin-bottom: 24px;
    padding: 16px 12px 12px;
    border-radius: 20px;
    background: #120e4c;
    font-family: Nunito, sans-serif
}

.casino-section .casino-section .casino-game-section-content .left-section .search_field {
    height: 56px;
    margin-bottom: 12px;
    padding-right: 18px;
    border-radius: 10px;
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-section .casino-game-section-content .left-section .search_field .search-icon {
    width: 17px;
    height: 17px;
    border: none;
    border-radius: 50%;
    background-color: #f90;
    cursor: default
}

.casino-section .casino-section .casino-game-section-content .left-section .search_field input {
    flex: 1;
    height: 100%;
    padding: 18px 12px;
    border: none;
    background: transparent;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar {
    display: flex;
    flex-direction: column
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .title {
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs {
    display: grid;
    grid-template-columns: repeat(3, 132px);
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 6px;
    overflow-y: auto;
    overflow-x: hidden
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 170px;
    padding: 14px;
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover a,
.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover i {
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active {
    background: rgba(26, 56, 164, .2);
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active a,
.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active i {
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a,
.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--product-navigation-tab-color, #FFFFFF);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a {
    margin-top: 14px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    margin-top: 0
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows {
    margin-top: auto
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    border-radius: 4px;
    background-color: #1d2e4a;
    line-height: 24px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field {
    border-radius: 6px;
    cursor: default
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .selected-provider {
    width: 100%;
    margin-bottom: 32px;
    font-size: 18px;
    color: #fff
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .selected-provider .selected-provider-label {
    color: var(--selected-provider-label-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .search-providers {
    margin-bottom: 24px;
    border-bottom: solid 1px #131a2c;
    color: #fff
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .search-providers input {
    height: 100%;
    padding: 0 0 8px;
    border: none;
    background: none;
    color: #fff;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list {
    display: grid;
    grid-template-columns: repeat(3, 132px);
    grid-gap: 6px;
    height: 270px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 132px;
    width: 132px;
    border: 3px solid rgba(26, 56, 164, .3);
    border-radius: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    text-align: center
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list li:hover,
.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list li.selected {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav {
    position: sticky;
    top: 0;
    display: flex;
    padding-bottom: 31px;
    background-color: var(--product-background-color, #ffffff);
    z-index: 1
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs {
    display: flex;
    align-items: center;
    grid-column: 1/span 4;
    width: 100%;
    height: 36px;
    padding-left: 23px;
    line-height: 36px;
    border-bottom: none;
    color: var(--product-navigation-tab-active-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs:hover a {
    color: var(--product-navigation-tab-hover-color, #ccc)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs .tab-item {
    width: auto;
    height: 100%;
    border-bottom: 2px solid var(--product-navigation-tab-active-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs.active {
    border-bottom: 2px solid var(--header-menu-item-active-border-color, #FFFFFF);
    transform: translateY(1px)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs.active:hover {
    color: var(--product-navigation-tab-active-item-hover-color, #ccc)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs a,
.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs i {
    text-decoration: none;
    cursor: pointer;
    font-size: 16px
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs a {
    margin-left: 16px
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 20px
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item {
    margin-bottom: 6px;
    margin-left: 8px;
    cursor: pointer;
    color: var(--casino-layout-icon-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item:hover {
    color: var(--casino-layout-icon-hover-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item.selected {
    color: var(--casino-layout-icon-selected-color, #209cff)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list {
    display: grid;
    grid-template-columns: repeat(3, 432px);
    grid-template-rows: auto;
    grid-gap: 16px;
    justify-content: space-evenly
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 314px;
    border-radius: 20px;
    background: rgba(26, 56, 164, .2);
    box-sizing: border-box
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover {
    background: #1A38A4
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .game-img .game-img-wrapper {
    background: linear-gradient(180deg, rgba(26, 56, 164, 0) 0%, #1A38A4 100%);
    opacity: 1
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .game-open,
.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .game-btn,
.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .icon-layer {
    visibility: visible
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .icon-layer {
    position: absolute;
    top: 38px;
    width: 100%;
    font-size: 64px;
    color: #e8d838;
    text-align: center;
    visibility: hidden
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-open {
    position: absolute;
    left: 0;
    top: 48%;
    height: auto;
    width: 100%;
    text-align: center;
    visibility: hidden
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-open.game-open-center,
.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-open.game-open-demo {
    top: 66%
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn {
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_real {
    background: #FF9900;
    color: #000000de
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_real:hover {
    border: 2px solid #FF9900;
    background: #000;
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_demo {
    border: 2px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_demo:hover {
    border: 2px solid #FF9900
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-img {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: calc(100% - 40px);
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-img .game-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px;
    opacity: 0;
    transition: opacity .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    color: var(--casino-game-title-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title-text {
    max-width: calc(100% - 65px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title__heart {
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title .ng-fa-icon {
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item {
    position: relative;
    display: flex;
    grid-column: 1/span 4;
    width: 100%;
    height: 180px;
    border-radius: 10px;
    background: var(--product-item-template2-background-color, #FFFFFF);
    box-sizing: border-box
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img {
    position: relative;
    width: 240px;
    height: calc(100% - 30px);
    margin: 15px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img:hover {
    transform: scale(1.07)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img:hover .game-img-wrapper {
    opacity: 1
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img .game-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-rating {
    position: absolute;
    bottom: 12px;
    left: 275px;
    color: var(--product-rating-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-rating i {
    font-size: 20px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-open {
    position: absolute;
    left: unset;
    top: 30px;
    right: 20px;
    width: 200px;
    height: 32px;
    text-align: center
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-open.game-open-demo {
    top: 90px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-btn {
    position: absolute;
    left: 25%;
    display: inline-block;
    width: 106px;
    border-radius: 16px;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-btn_real {
    top: 42%;
    background: var(--product-real-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-btn_demo {
    top: -15%;
    background: var(--product-demo-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-title {
    margin: 12px 12px 12px -6px;
    color: #d0d0d0;
    text-indent: 5px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-title:hover {
    color: var(--product-title-hover-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-title__heart {
    margin-right: 3px;
    font-size: 14px;
    color: var(--product-heart-icon-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 1/span 4;
    width: 100%;
    height: 80px;
    padding: 0 15px;
    border-radius: 10px;
    background: var(--product-item-template2-background-color, #FFFFFF);
    box-sizing: border-box
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-rating {
    position: absolute;
    bottom: 7px;
    left: 17px;
    color: var(--product-rating-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-rating i {
    font-size: 20px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-open {
    position: static;
    top: 30px;
    width: 109px;
    height: 32px;
    text-align: center
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-open.real {
    margin-left: auto
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-btn {
    display: inline-block;
    width: 106px;
    border-radius: 16px;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-btn_real {
    background: var(--product-real-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-btn_demo {
    background: var(--product-demo-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-title {
    margin: 12px 12px 12px -6px;
    color: #d0d0d0;
    text-indent: 5px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-title:hover {
    color: var(--product-title-hover-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-title__heart {
    margin-right: 3px;
    font-size: 14px;
    color: var(--product-heart-icon-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.content {
    padding-right: 10px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.content .nav-bar {
    grid-row: 2/span 2;
    height: unset
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.content .filter_field {
    grid-row: 4/span 3;
    height: 570px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.list {
    padding-right: 10px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.list .nav-bar {
    grid-row: 2/span 4;
    height: unset
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.list .filter_field {
    grid-row: 6/span 6;
    height: 570px
}

.casino-section .casino-section .casino-game-section-content .more-button {
    display: inherit;
    min-width: 126px;
    height: 36px;
    margin: 44px 0 48px;
    padding: 0 10px;
    border: solid 1px #fff;
    border-radius: 6px;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(25, 36, 56, .3), rgba(22, 53, 99, .3) 119%, rgba(21, 59, 115, .2) 139%, rgba(12, 107, 232, .1) 222%);
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    outline: none;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .more-button span {
    margin-left: 6px;
    color: var(--casino-more-btn-color, #007AFF)
}

.casino-section .casino-section .default_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #131a2cf0;
    -webkit-box-shadow: inset 0 0 6px rgba(19, 26, 44, .94)
}

.casino-section .casino-section .default_scroll::-webkit-scrollbar {
    width: 2px;
    background-color: transparent
}

.casino-section .casino-section .default_scroll::-webkit-scrollbar-thumb {
    max-height: 12px;
    border-radius: 10px;
    background-color: #1376f8;
    -webkit-box-shadow: inset 0 0 6px #1376f8
}

.casino-section .game-rating {
    color: var(--product-rating-color, #FFFFFF)
}

.casino-section .game-rating__star {
    margin-left: 11px;
    margin-right: 6px;
    color: #f90;
    font-size: 14px
}

.verify_email_box {
    width: 100%;
    height: 100%
}

.verify_email_box .verify_email_complete {
    text-align: center
}

.verify_email_box .verify_email_complete i {
    font-size: 158px;
    color: #59c10f;
    line-height: 200px;
    margin-top: 45px
}

.verify_email_box .verify_email_complete h1 {
    font-size: 30px;
    font-weight: 400;
    background: linear-gradient(45deg, #c99b3a, #eee089);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.error {
    color: red;
    font-size: 25px;
    text-align: center;
    padding-top: 30px
}

@media only screen and (min-width: 1200px) {
    .verify_email_box {
        min-height: 60vh
    }

    .verify_email_box .verify_email_complete {
        margin: 82px auto 0;
        transform: translateY(95px)
    }
}

.section {
    background: #101824
}

.section_content {
    margin: 0 auto;
    background: var(--footer-section-content-background-color, #ffffff);
    height: 100%
}

.section_list {
    padding: 15px
}

.section_list .Name {
    font-size: var(--footer-sections_content_Name-font-size, 25px);
    font-weight: var(--footer-sections_content_Name-font-weight, bold);
    color: var(--footer-sections_content_Name-color, #000);
    line-height: 35px
}

.section_list .Content {
    font-size: var(--footer-sections_content-font-size, 16px);
    font-weight: var(--footer-sections_content-font-weight, normal);
    color: var(--footer-sections_content-color, #000)
}

.filter-game-section {
    background: var(--product-background-color, #FFFFFF);
    margin: 0 auto
}

.filter-game-section_banners {
    height: 360px
}

.filter-game-section_banners .banner_image {
    width: 100%;
    height: 360px;
    display: block;
    position: relative
}

.filter-game-section_banners .banner_image .banner-wrapper {
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    bottom: 0
}

.filter-game-section_banners .banner_image .banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%
}

.filter-game-section_banners .banner_image .banner-content .banner-description {
    width: 300px;
    font-family: roboto-regular;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--banner-description-color, #FFFFFF)
}

.filter-game-section_banners .banner_image .banner-content .banner-content-description {
    font-family: roboto-regular;
    color: var(--banner-description-color, #FFFFFF);
    line-height: 2.5;
    font-weight: 600
}

.filter-game-section_banners .banner_image .banner-content .banner-action {
    padding: 0 20px;
    color: var(--banner--action-text-color, #FFFFFF);
    font-size: 12px;
    text-transform: uppercase;
    height: 31px;
    line-height: 31px;
    margin-top: 5px;
    border-radius: 3px;
    display: inline-block;
    background-image: linear-gradient(to top, var(--banner-action-gradient-color-2, #10ab8a), var(--banner-action-gradient-color-1, #02887e))
}

.filter-game-section .product_list {
    margin-bottom: 25px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.filter-game-section .product_list_item {
    width: 240px;
    height: 180px;
    border-radius: 10px;
    box-sizing: border-box;
    -ms-flex: auto;
    position: relative;
    margin: 11px
}

.filter-game-section .product_list_item:hover .game-open {
    visibility: visible
}

.filter-game-section .product_list_item .game-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 10px;
    transition: all .3s
}

.filter-game-section .product_list_item .game-img .game-img-wrapper {
    transition: opacity .3s;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5)
}

.filter-game-section .product_list_item .game-img:hover {
    transform: scale(1.07)
}

.filter-game-section .product_list_item .game-img:hover .game-img-wrapper {
    opacity: 1
}

.filter-game-section .product_list_item .game-open {
    height: 60%;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    visibility: hidden
}

.filter-game-section .product_list_item .game-open.game-open-center {
    height: 100%
}

.filter-game-section .product_list_item .game-open.game-open-demo {
    top: 60%
}

.filter-game-section .product_list_item .game-btn {
    display: inline-block;
    left: 25%;
    width: 106px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
    color: #fff;
    position: absolute
}

.filter-game-section .product_list_item .game-btn_real {
    top: 42%;
    background-color: var(--game-btn_real-background-color, #000000);
    opacity: var(--game-btn_real-opacity, .6)
}

.filter-game-section .product_list_item .game-btn_demo {
    top: -15%;
    background-color: var(--game-btn_demo-background-color, #273346);
    opacity: var(--game-btn_demo-opacity, 1)
}

.filter-game-section .product_list_item .game-title {
    width: 100%;
    line-height: 88px;
    color: var(--filter-games-title-color, #FFFFFF);
    text-indent: 5px;
    white-space: nowrap;
    height: 60px;
    text-overflow: ellipsis;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top, var(--game-title-gradient-color-2, #030303), var(--game-title-gradient-color-1, rgba(3, 3, 3, 0)))
}

.filter-game-section .product_list_item .game-title__heart {
    color: #fff;
    font-size: 14px;
    margin-right: 3px
}

.filter-game-section .game-rating {
    float: right;
    margin-right: 5px
}

.filter-game-section .game-rating__star {
    font-size: 14px;
    color: #fac917;
    margin-right: 3px
}

.live-casino-section {
    background: var(--product-background-color, #FFFFFF)
}

.live-casino-section .grouped-products-content {
    margin: 0 auto;
    padding-top: 25px;
    overflow-x: auto;
    overflow-y: hidden
}

.live-casino-section .grouped-products-content_item {
    margin: 0 28px;
    cursor: pointer;
    background-repeat: no-repeat;
    position: relative;
    transition: all .3s
}

.live-casino-section .grouped-products-content_item img {
    border-radius: 10px
}

.live-casino-section .grouped-products-content_item .game-img-wrapper {
    transition: all .3s;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5)
}

.live-casino-section .grouped-products-content_item:hover {
    transform-origin: center center;
    transform: scale(1.05)
}

.live-casino-section .grouped-products-content_item:hover .game-img-wrapper {
    opacity: 1;
    bottom: 4px
}

.live-casino-section .grouped-products-content_item:hover .game-btn {
    display: inline-block
}

.live-casino-section .grouped-products-content_item .game-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 32px;
    line-height: 32px;
    padding: 0 19px;
    border-radius: 16px;
    color: var(--play-real-button-text-color, #FFFFFF);
    background: var(--play-real-button-background-color, #FFFFFF);
    display: none
}

.login-logo {
    display: var(--login-logo-display, block);
    margin: 0 auto;
    margin-top: var(--login-logo-margin-top, 37px);
    margin-bottom: var(--login-logo-margin-bottom, 24px)
}

.login-section {
    display: flex;
    align-items: center
}

.login-section input:-webkit-autofill,
.login-section input:-webkit-autofill:hover,
.login-section input:-webkit-autofill:focus,
.login-section input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s;
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important
}

.login-section.modal_section .form_field:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.login-section form {
    display: flex;
    width: 100%;
    align-items: center
}

.login-section .remember-me {
    display: var(--remember-me-display, unset);
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.login-section .remember-me input {
    display: var(--remember-me-checkbox-display, unset);
    cursor: pointer
}

.login-section .remember-me label.reg-conditions {
    display: var(--remember-me-label-display, unset);
    cursor: pointer;
    font-size: 15px;
    color: var(--login-title-color, #FFFFFF)
}

.login-section .remember-me .forgot_password {
    display: var(--forgot-password-display, unset)
}

.login-section_field {
    background: #ffffff;
    border-radius: 6px;
    line-height: unset;
    border: 2px solid #260F3A;
    background: transparent;
    padding: 0 16px;
    width: 100%;
    height: 64px;
    font-size: 14px;
    color: #d4d4d4;
    position: relative;
    display: flex;
    align-items: center
}

.login-section_field .inputText {
    width: 100%;
    outline: none;
    border: none;
    color: #d4d4d4;
    background: none;
    height: 100%
}

.login-section_field .floating-label {
    position: absolute;
    pointer-events: none;
    top: -10px;
    left: 10px;
    font-size: 16px;
    background: var(--register-background-color, #fff);
    padding-left: 4px;
    padding-right: 4px;
    color: #dbedff
}

.login-section_field .login-info-icon {
    display: var(--login-section-info-display, inline-block)
}

.login-section_field.invalid-field {
    border: 1px solid #ff4848
}

.login-section_field.invalid-field .floating-label {
    color: #ff4848
}

.login-section_field_top {
    position: relative
}

.login-section_field input {
    width: 93%;
    outline: none;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    text-indent: unset !important;
    color: var(--text-color, #FFFFFF);
    background: transparent;
    border-radius: 16px;
    border: none;
    font-weight: 400
}

.login-section_field input::-webkit-input-placeholder {
    color: var(--login-placeholder-color, #fff);
    font-weight: 400
}

.login-section_field input:-ms-input-placeholder {
    color: var(--login-placeholder-color, #fff);
    font-weight: 400
}

.login-section_field input::-moz-placeholder {
    color: var(--login-placeholder-color, #fff);
    font-weight: 400
}

.login-section.modal_section form {
    display: grid;
    text-align: center
}

.login-section.modal_section form input {
    font-family: Nunito, sans-serif
}

.login-section.modal_section form .social-login-text {
    text-align: center;
    margin-top: var(--social-login-text-margin-top, 60px);
    margin-bottom: var(--social-login-text-margin-bottom, 8px);
    color: var(--social-register-text-color, #ffffff);
    font-size: var(--social-register-text-font-size, 14px);
    cursor: default
}

.login-section.modal_section form ul {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: var(--login-social-icons-margin-bottom, 0)
}

.login-section.modal_section form ul li {
    height: var(--register-social-icons-height, 28px);
    width: var(--register-social-icons-width, 28px);
    margin-right: var(--register-social-icon-margin-right, 10px);
    background-size: cover;
    background-color: red;
    cursor: pointer
}

.login-section .fa-info-circle {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    color: #19212c
}

.login-section .login_btn {
    padding: 0 26px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    height: 64px
}

.login-section .forgot_password {
    cursor: pointer;
    font-size: 16px;
    color: var(--forgot-password-text-color, #ffffff);
    text-decoration: none;
    white-space: nowrap
}

.login-section.login_modal_section,
.login-section.login_modal_section .form_field,
.login-section.login_modal_section form {
    width: 100%
}

.login-section.login_modal_section button.login_btn {
    width: 100%;
    background: #EBFF00;
    background-image: none;
    color: #000;
    border-radius: 16px
}

.login-section.login_modal_section button.login_btn.not_active {
    pointer-events: none;
    border: 2px solid #EBFF00;
    background: #000;
    color: #ebff0080
}

.login-section-forgot_password {
    display: var(--login-section-forgot-password-display, inline-block)
}

app-app-confirm .remember-me {
    display: flex !important
}

.modal-content .login_PSection_redirect a {
    text-decoration: underline;
    margin-left: var(--login-redirect-href-text-margin-left, 15px);
    cursor: pointer;
    color: var(--login-redirect-href-text-color, #1376f8)
}

.router_section {
    display: flow-root
}

.open-game-section {
    width: 100%;
    height: auto
}

.open-game-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-bottom: 32px
}

.open-game-section__header-title {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    color: #fff
}

.open-game-section__header-wrapper {
    display: flex;
    align-items: center
}

.open-game-section__rating {
    display: flex;
    align-items: center;
    margin-right: 32px
}

.open-game-section__rating-icon {
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 12px
}

.open-game-section__rating-star,
.open-game-section__rating-star-filled {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: url(/assets/icons/rating-star.svg);
    background-repeat: no-repeat;
    background-position: top left
}

.open-game-section__rating-star {
    width: 100%;
    background-size: contain;
    opacity: .6
}

.open-game-section__rating-star-filled {
    opacity: 1
}

.open-game-section__rating-value {
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.open-game-section__btns {
    display: flex;
    align-items: center
}

.open-game-section__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border-radius: 16px;
    background-color: #ffffff1a;
    cursor: pointer;
    transition: all .3s
}

.open-game-section__btn:last-child {
    margin-right: 0
}

.open-game-section__btn:hover {
    transition: all .3s
}

.open-game-section__btn--favourite {
    background-color: #ff99001a
}

.open-game-section__btn--favourite:hover {
    background-color: #f003
}

.open-game-section__btn--favourite i {
    width: 20px;
    height: 18px
}

.open-game-section__btn--favourite-full {
    background-color: #ff99001a
}

.open-game-section__btn--favourite-full:hover {
    background-color: #f903
}

.open-game-section__btn--favourite-full i {
    width: 16px;
    height: 14px
}

.open-game-section__btn--full:hover path {
    fill: #f90
}

.open-game-section__btn--full i {
    width: 20px;
    height: 20px
}

.open-game-section__btn--close:hover path {
    fill: red
}

.open-game-section__btn--close i {
    width: 12px;
    height: 12px
}

.open-game-section__btn i {
    display: flex;
    align-items: center;
    justify-content: center
}

.open-game-section__btn i svg {
    width: 100%;
    height: 100%
}

.open-game-section__btn i path {
    transition: all .3s
}

.open-game-section__btn-real {
    flex-shrink: 0;
    width: 132px;
    height: 48px;
    margin-right: 32px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #0024e1;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transition: all .3s
}

.open-game-section__btn-real:hover {
    border: 3px solid #0024E1;
    background-color: transparent;
    transition: all .3s
}

.open-game-section__container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.open-game-section__container iframe {
    width: 100%;
    height: calc(100vh - 190px);
    border: none
}

.open-game-section__container iframe.in-fullscreen {
    min-height: 100%
}

.app-promotions {
    font-family: Montserrat, sans-serif
}

.app-promotions__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 64px;
    padding-left: 8px;
    padding-right: 8px
}

.app-promotions__header--title {
    margin: 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #fff
}

.app-promotions__header--buttons {
    display: flex;
    align-items: center;
    width: auto
}

.app-promotions__header-arrow {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 16px;
    background-color: #f90;
    outline: none;
    cursor: pointer
}

.app-promotions__header-arrow:first-child {
    margin-right: 12px
}

.app-promotions__header-arrow:hover {
    border: 3px solid #FF9900;
    background: #000000
}

.app-promotions__header-arrow:hover svg {
    fill: #f90
}

.app-promotions__header-all-btn {
    width: auto;
    height: 48px;
    margin-left: 36px;
    padding: 0 24px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #f90;
    font-weight: 700;
    font-size: 14px;
    font-family: Nunito, sans-serif;
    line-height: 24px;
    color: #000;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.app-promotions__header-all-btn:hover {
    border: 3px solid #FF9900;
    background: #000000;
    color: #f90;
    transition: all .3s
}

.app-promotions__carousel {
    margin-top: 24px
}

.app-promotions__carousel--item {
    margin-left: 8px;
    margin-right: 8px;
    outline: none !important
}

.app-promotions__ngx-slick-carousel {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.app-promotions__ngx-slick-carousel .app-promotions__carousel--item {
    width: 360px;
    height: 360px
}

@media (max-width: 1919px) {
    .app-promotions__ngx-slick-carousel .app-promotions__carousel--item {
        width: 301px;
        height: 304px
    }
}

@media (max-width: 1679px) {
    .app-promotions__ngx-slick-carousel .app-promotions__carousel--item {
        width: 264px;
        height: 268px
    }
}

.app-promotions__ngx-slick-carousel .app-promotions__banners--carousel--title {
    padding-top: 0;
    text-align: left
}

@media (max-width: 1679px) {
    .app-promotions__ngx-slick-carousel .app-promotions__banners--carousel--title {
        font-size: 24px;
        line-height: 32px
    }
}

.app-promotions__ngx-slick-carousel .slick-list {
    max-width: 1488px
}

@media (max-width: 1919px) {
    .app-promotions__ngx-slick-carousel .slick-list {
        max-width: 1252px
    }
}

@media (max-width: 1679px) {
    .app-promotions__ngx-slick-carousel .slick-list {
        max-width: 1104px
    }
}

@media (max-width: 1439px) {
    .app-promotions__ngx-slick-carousel .slick-list {
        max-width: 824px
    }
}

.app-promotions .slick-dotted.slick-slider {
    margin: 0
}

.app-promotions__banners {
    height: auto;
    margin-top: 64px;
    padding: 64px 0;
    border-radius: 20px;
    background-size: cover;
    background: url(/assets/images/promotions-background.png) no-repeat center center;
    text-align: center
}

.app-promotions__banners--title {
    margin: 0 0 24px;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    color: #fff
}

.app-promotions__banners--description {
    margin: 0 0 36px;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    color: #fff
}

.app-promotions__banners--carousel {
    margin: 0 48px
}

@media (max-width: 1679px) {
    .app-promotions__banners--carousel {
        margin: 0 24px
    }
}

@media (max-width: 1439px) {
    .app-promotions__banners--carousel {
        margin: 0 54px
    }
}

.app-promotions__banners--carousel--title {
    margin: 0;
    padding-top: 24px;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #fff
}

.app-promotions__banners--buttons {
    width: 48px;
    height: 48px
}

.app-promotions__banners--buttons button {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 16px;
    background-color: #000;
    outline: none;
    cursor: pointer
}

.app-promotions__banners--buttons button:hover {
    background-color: #f90
}

.app-promotions__banners--buttons button:hover svg {
    fill: #000
}

.app-promotions__banners--buttons button svg {
    fill: #f90
}

.app-promotions__banners--buttons.left {
    margin-right: 48px
}

@media (max-width: 1679px) {
    .app-promotions__banners--buttons.left {
        margin-right: 24px
    }
}

@media (max-width: 1439px) {
    .app-promotions__banners--buttons.left {
        margin-right: 54px
    }
}

.app-promotions__banners--buttons.right {
    margin-left: 48px
}

@media (max-width: 1679px) {
    .app-promotions__banners--buttons.right {
        margin-left: 24px
    }
}

@media (max-width: 1439px) {
    .app-promotions__banners--buttons.right {
        margin-left: 54px
    }
}

.app-promotions__titles {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
    width: 100%
}

.app-promotions__titles app-promotion-banner {
    width: 50%
}

.app-promotions__titles--additional-titles {
    display: flex;
    flex-direction: column;
    width: 50%
}

.app-promotions__titles--additional-titles app-promotion-banner {
    flex: 1;
    width: 100%
}

.app-promotions__titles--additional-titles app-promotion-banner:last-of-type {
    margin-top: 16px
}

.promotion__content--button {
    margin: 20px 0
}

.promotion__content--button #campaign_bonus {
    height: 56px;
    border: 3px solid transparent;
    border-radius: 20px;
    background: #0024e1;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    font-family: Nunito, sans-serif;
    text-align: center;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: transparent
}

.promotion__content--button #campaign_bonus:hover {
    background-color: #f90;
    color: #000
}

.promotion__content--button #campaign_bonus:active {
    border-color: #f90;
    background-color: #ff9900b3;
    color: #000
}

.settings-section {
    display: flex;
    gap: var(--account-small-gap, 6px);
    height: var(--payment-section-content-width)
}

.settings-section ::placeholder {
    color: var(--settings-field-color, rgba(255, 255, 255, .6)) !important
}

.settings-section .settings-section_title {
    color: var(--settings-title-color, #180000)
}

.settings-section .client-statuses {
    display: flex;
    flex-wrap: wrap
}

.settings-section .client-statuses .cs-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    padding: 5px 10px 5px 0
}

.settings-section .self-limitation table td {
    padding: 5px
}

.settings-section .self-limitation input {
    height: 30px;
    padding: 10px;
    text-align: right
}

.settings-section .self-limitation input.active_item {
    border: 1px solid rgba(219, 237, 255, .8)
}

.settings-section .self-limitation .session-limit {
    display: flex;
    align-items: center;
    margin-left: 7px;
    margin-bottom: 10px
}

.settings-section .self-limitation .session-limit input {
    margin-left: 10px
}

.settings-section .self-limitation .session-limit span {
    display: inline-block;
    margin-left: 10px
}

.settings-section .self-limitation .session-limit .error-message {
    margin-left: 10px
}

.settings-section .self-exclusion-box .se-row {
    display: flex;
    align-items: center
}

.settings-section .self-exclusion-box .se-row>* {
    margin-right: 10px
}

.settings-section h3 {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff9
}

.settings-section .submit-details {
    position: absolute;
    bottom: 55px;
    display: flex;
    gap: 22px;
    width: 100%
}

.settings-section .submit-details .setting_btn {
    width: 50%;
    font-size: var(--font-size-5, 20px);
    font-weight: 500
}

.settings-section .submit-details .setting_btn.cancel_btn {
    background: var(--settings-cancel-btn-bg, rgba(13, 18, 32, .5))
}

.settings-section .setting_btn {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px;
    font-weight: 500;
    font-size: var(--font-size-5, 20px)
}

.settings-section .change-password_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - var(--account-content-header-underline-margin-top) - var(--account-content-header-underline-margin-bottom));
    padding-bottom: 20px
}

.settings-section .change-password_form .change-password-inputs {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.settings-section .change-password_form .form_row {
    margin: 0;
    line-height: unset
}

.settings-section .change-password_form .form_row input {
    margin: 10px 0 8px
}

.settings-section .change-password_form .change-btn {
    width: 100%
}

.settings-section .change_details {
    display: flex;
    width: 100%
}

.settings-section .change_details_form .form_row,
.settings-section .change_details_form .form_row2,
.settings-section .change_details_form .form_row3 {
    float: none;
    margin: 0
}

.settings-section .change_details_form .form_row .form_field .active_item,
.settings-section .change_details_form .form_row2 .form_field .active_item,
.settings-section .change_details_form .form_row3 .form_field .active_item {
    border: 1px solid rgba(219, 237, 255, .8)
}

.settings-section .change_details_form .form_row .form_field button.active_item,
.settings-section .change_details_form .form_row2 .form_field button.active_item,
.settings-section .change_details_form .form_row3 .form_field button.active_item {
    border: none
}

.settings-section .change_details_form .form_row2 .birth_date {
    width: 50%;
    margin-right: 20px
}

.settings-section .change_details_form .form_row2 .birth_date .birth_date_select {
    display: flex;
    margin-top: 10px
}

.settings-section .change_details_form .form_row2.verify_row {
    gap: 20px
}

.settings-section .change_details_form .form_row2.verify_row .form_field {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.settings-section .change_details_form .form_row2.verify_row .form_field input {
    width: 100% !important
}

.settings-section .change_details_form .form_row2.verify_row .form_field button {
    margin-right: 0;
    width: 104px;
    height: auto;
    line-height: unset;
    white-space: nowrap;
    padding: 0
}

.settings-section .change_details_form .form_row2.verify_row .form_field button.verify_btn {
    font-size: var(--font-size-3, 16px);
    padding: 0 12px;
    margin: 10px 0 24px
}

.settings-section .change_details_form .form_row.currency {
    margin-bottom: 53px
}

.settings-section .comment {
    padding-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #dbedff
}

.settings-section input,
.settings-section select {
    border: 1px solid rgba(219, 237, 255, .8)
}

.settings-section input:not(.choose_input),
.settings-section select:not(.choose_input) {
    padding-left: 16px;
    border: none;
    border-radius: 6px;
    background: var(--account-content-item-bg-color);
    font-size: var(--font-size-3, 16px);
    color: var(--settings-field-color, rgba(255, 255, 255, .6));
    text-indent: 0
}

.settings-section_nav-tabs {
    border-bottom: none;
    color: var(--settings-nav-teb-color, #180000)
}

.settings-section_nav-tabs li {
    width: 33.3%;
    padding: 10px;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    white-space: nowrap;
    cursor: pointer
}

.settings-section_nav-tabs li a {
    position: relative;
    display: block;
    text-align: left;
    cursor: pointer
}

.settings-section_nav-tabs li.active {
    text-decoration: underline
}

.settings-section .tab-content {
    height: auto;
    margin: 0;
    padding: var(--account-content-row-paddding);
    border-radius: 6px;
    background: var(--account-main-bg-color)
}

.settings-section .tab-content.left-part {
    width: calc(100% - var(--enter-payment-info-width))
}

.settings-section .tab-content.left-part .change_details_form {
    position: relative;
    height: 100%
}

.settings-section .tab-content.right-part {
    width: var(--enter-payment-info-width)
}

.settings-section .tab-content .settings_header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.settings-section .tab-content .settings_header .settings_edit {
    display: flex;
    align-items: center;
    gap: 14px
}

.settings-section .tab-content .settings_header .settings_edit_text {
    padding: 0 !important;
    border: none;
    background: none !important;
    color: var(--account-edit-color, #4AA4FF);
    text-decoration: underline;
    cursor: pointer
}

.settings-section .tab-content .underline {
    height: 1px;
    margin-top: var(--account-content-header-underline-margin-top, 10px);
    margin-bottom: var(--account-content-header-underline-margin-bottom, 24px);
    border-radius: 6px;
    background: var(--account-content-header-underline-bg, linear-gradient(180deg, #48628E 0%, #111723 100%));
    box-shadow: var(--account-content-header-underline-shadow, 0 4px 8px rgba(0, 0, 0, .94))
}

.settings-section .form_field__top .change_name {
    border: 1px solid var(--select-file-border-color, #999) !important;
    background-color: var(--setting-btn-background-color, #7ba011);
    text-indent: 0;
    color: var(--select-file-color, #303030) !important
}

.choose_input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    -webkit-appearance: none
}

.form_field__top {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.form_field__top ::placeholder {
    text-align: center;
    color: #fff
}

.form_field__top .change_name {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 40px;
    border-radius: 3px;
    background-color: #fff;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    vertical-align: middle;
    box-sizing: border-box;
    pointer-events: none
}

.form_field__top .choose-file-button {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 16px;
    background: rgba(0, 36, 225, .2);
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff80;
    text-align: left
}

.form_field__top .choose-file-button--uploaded {
    display: flex;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff
}

.form_field__top .choose-file-button__close {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: auto
}

.form_field__top .choose-file-button__close:before,
.form_field__top .choose-file-button__close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 2px;
    background-color: red;
    transition: all .3s
}

.form_field__top .choose-file-button__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.form_field__top .choose-file-button__close:after {
    transform: translate(-50%, -50%) rotate(135deg)
}

.form_field__top .choose-file-button.file {
    color: #fff
}

.form_field__top .choose-file-button fa-icon {
    padding-left: 12px;
    padding-right: 8px;
    color: #0024e1
}

.form_field__top .choose-file-button img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
    object-position: center
}

.form_field__top ::placeholder {
    color: var(--select-file-color, #303030) !important
}

.tab-content {
    display: none;
    margin-top: 20px
}

.active-tab {
    display: block
}

.active_item {
    pointer-events: unset
}

.disable_item {
    border-color: #cecece !important;
    pointer-events: none;
    opacity: .8
}

.form_field select option {
    color: var(--text-color, #FFFFFF)
}

.mobile-verify-info {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile-verify-info .not_receiveCode {
    position: absolute;
    right: 0;
    display: inline-block;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    text-decoration: underline
}

.mobile-verify-info .success_message,
.mobile-verify-info .error_message {
    position: absolute;
    max-width: 310px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.form_field .part_width {
    width: 50%
}

.form_row2 {
    margin: 0
}

.form_row2 .form_field .part_width {
    float: left;
    width: 50%;
    border: none
}

.form_row2 .form_field input,
.form_row2 .form_field .mobile_verify {
    margin: 10px 0 24px
}

.verification-message,
.se-message {
    padding-left: 10px;
    line-height: 24px
}

.verification-message ul,
.se-message ul {
    padding-left: 20px;
    padding-right: 20px;
    list-style: circle
}

.verification-message a,
.se-message a {
    color: #f90;
    text-decoration: none;
    transition: all .3s
}

.verification-message a:hover,
.se-message a:hover {
    text-decoration: underline;
    transition: all .3s
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.bet-selections-info {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse
}

.bet-selections-info__tr {
    display: table;
    width: 100%;
    height: 48px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px
}

.bet-selections-info__td {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px
}

.bet-selections-info__tbody {
    display: block;
    width: 100%;
    height: auto;
    max-height: 240px;
    border-radius: 6px;
    background: #16233A;
    color: #fff;
    overflow-y: auto
}

.form_row2 .verify_field {
    width: 30%
}

.form_row2 .verify_field_col2 {
    display: flex;
    width: 50%
}

.mobile_verify {
    font-size: 28px;
    font-weight: 700;
    color: #0fa989
}

.modal-content {
    max-width: 1000px !important
}

.modal-content.user-info-content {
    display: inline-grid
}

.modal-content h3 {
    font-weight: 500;
    color: #303030;
    font-size: 20px;
    padding: 10px 0;
    margin: 15px 0
}

.modal-content h1 {
    font-size: 24px;
    line-height: 30px;
    float: left;
    color: #303030;
    font-weight: 700
}

.modal-content__first-login {
    max-width: 400px !important
}

.modal-content__first-login .modal-body {
    width: 100%;
    text-align: center
}

.user-info-content .user-history-content table tr td:nth-of-type(6) {
    width: 192px;
    word-break: break-all
}

.user-info-content {
    margin-top: 100px !important;
    padding: var(--ticket-info-padding, 32px);
    width: var(--ticket-info-width, 1220px) !important;
    max-width: unset !important
}

.user-info-content .user_info_modal_content {
    margin: 0
}

.user-info-content .ticket-info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.user-info-content .ticket-info-header p {
    margin: 0;
    font-size: var(--font-size-4, 18px);
    color: var(--ticket-info-header-color, #3A3333);
    font-weight: 700
}

.user-info-content .ticket-info-header fa-icon {
    border-radius: 100%;
    background: #20232C;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.user-info-content .ticket-info-header fa-icon svg {
    color: #fff
}

.user-info-content .user-history-content {
    max-height: 445px;
    overflow-y: auto
}

.user-info-content .user-history-content span {
    font-weight: 700;
    font-size: 16px;
    color: #000
}

.user-info-content .user-history-content h3 {
    font-size: var(--font-size-4, 18px);
    font-weight: 700
}

.user-info-content .user-history-content .bet-selections .short-column {
    width: var(--ticket-short-column-width, 130px);
    overflow: hidden;
    text-overflow: ellipsis
}

.user-info-content .user-history-content .bet-selections .short-column:hover {
    text-overflow: unset;
    overflow-wrap: anywhere
}

.user-info-content .user-history-content .bet-selections_header {
    display: flex;
    margin-bottom: 4px;
    background: #D8D8D8;
    justify-content: space-between;
    padding: 7px 24px;
    border-radius: 4px;
    gap: 5px;
    font-weight: 700
}

.user-info-content .user-history-content .bet-selections_header div {
    width: calc(100% - 850px)
}

.user-info-content .user-history-content .bet-selections_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: #EBEBEB;
    border-radius: 4px
}

.user-info-content .user-history-content .bet-selections_content .content-row {
    display: flex;
    justify-content: space-between;
    gap: 5px
}

.user-info-content .user-history-content .bet-selections_content .content-row .short-column {
    width: var(--ticket-short-column-width, 130px)
}

.user-info-content .user-history-content .bet-selections_content .content-row div {
    width: calc(100% - 850px)
}

.user-info-content .user-history-content table {
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.user-info-content .user-history-content table tr {
    background: rgba(250, 250, 250, .8)
}

.user-info-content .user-history-content table tr.won {
    background: var(--history-item-won-background-color, #FFFFFF)
}

.user-info-content .user-history-content table tr.lost {
    background: var(--history-item-lost-background-color, #FFFFFF)
}

.user-info-content .user-history-content table tr:nth-child(1) {
    background: #F2F2F2
}

.user-info-content .user-history-content table tr:nth-child(1) td {
    padding: 5px
}

.user-info-content .user-history-content table tr td {
    padding: 10px;
    border: 0
}

@media (max-width: 500px) {
    .modal-content__first-login {
        max-width: 85% !important
    }
}

#cash {
    width: 100%;
    height: 800px;
    border: 0;
    border-radius: 20px
}

@media (max-width: 1439px) {
    #cash {
        height: 870px
    }
}

.BankAccountNumber-item {
    z-index: 99999;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 13px;
    background: #717171;
    position: inherit;
    border-bottom: 1px solid #f6f5f5;
    cursor: pointer
}

.payment-list {
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 4px 16px;
    background: #f2f2f2;
    border-radius: 8px;
    margin-bottom: 16px
}

.payment-list .current-item {
    font-size: 20px
}

.payment-list .current-item img {
    height: 50px
}

.payment-list .current-item span {
    margin-left: 60px;
    margin-right: 6px;
    white-space: nowrap
}

.payment-section {
    font-size: var(--account-content-item-font-size);
    color: var(--account-content-item-color, #fff)
}

.payment-section .account_title {
    padding: 0 10px
}

.payment-section .scrallablePart {
    max-height: 705px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.payment-section .scrallablePart.shortHeight {
    max-height: 370px
}

.payment-section_content .payment_header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: var(--account-content-header-font-size, 16px)
}

.payment-section_content .underline {
    height: 1px;
    background: var(--account-content-header-underline-bg, linear-gradient(180deg, #48628E 0%, #111723 100%));
    box-shadow: var(--account-content-header-underline-shadow, 0 4px 8px rgba(0, 0, 0, .94));
    border-radius: 6px;
    margin-top: var(--account-content-header-underline-margin-top, 10px);
    margin-bottom: var(--account-content-header-underline-margin-bottom, 24px)
}

.payment-section_content #cashier iframe {
    border: 0;
    max-height: 100%
}

.payment-section_content_block {
    width: 100%;
    display: flex;
    min-height: var(--payment-section-content-width, 755px);
    align-items: stretch;
    gap: 128px
}

@media (max-width: 1919px) {
    .payment-section_content_block {
        gap: 128px
    }
}

@media (max-width: 1679px) {
    .payment-section_content_block {
        gap: 64px
    }
}

@media (max-width: 1439px) {
    .payment-section_content_block {
        gap: 8px
    }
}

@media (max-width: 1279px) {
    .payment-section_content_block {
        flex-direction: column
    }
}

.payment-section_content_block .payment-list-column {
    overflow-y: hidden;
    border-radius: 20px
}

.payment-section_content_block .breakline {
    flex-basis: 2px;
    background: #1a38a433;
    min-height: 1px
}

@media (max-width: 1279px) {
    .payment-section_content_block .breakline .breakline {
        display: none
    }
}

.payment-section_content_block .withdrawal {
    border: none
}

.payment-section_content_block .content_row {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    color: var(--account-content-item-color, #fff);
    background-color: transparent
}

.payment-section_content_block .content_row.right-part {
    width: var(--enter-payment-info-width, 550px);
    height: 100%;
    overflow: hidden
}

@media (max-width: 1439px) {
    .payment-section_content_block .content_row.right-part {
        width: 100%
    }
}

.payment-section_content_block .content_row.right-part .form-column {
    margin-top: 45px;
    padding: 0;
    height: auto
}

.payment-section_content_block .content_row.right-part .deposit_payment_section {
    height: 96%;
    width: 560px
}

.payment-section_content_block .content_row.right-part .deposit_payment_section__form {
    height: 100%
}

.payment-section_content_block .content_row.right-part .deposit_payment_section__form form {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.payment-section_content_block .content_row.right-part .deposit_payment_section__form form .scrallablePart {
    padding-right: 8px;
    max-height: 500px
}

.payment-section_content_block .content_row .payment_field {
    padding: 0;
    text-indent: 10px
}

.payment-section_content_block .content_row .craft_btn {
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px
}

.payment-section .betshops-list {
    margin-top: 25px;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 35px
}

.payment-section .betshops-list ul li {
    font-size: 14px;
    padding: 0 14px;
    cursor: pointer;
    font-weight: 600
}

.payment-section .user-account-item {
    width: 100%;
    margin-top: 12px;
    padding: 5px 7px
}

.payment-section .user-account-item span {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin: 0 13px
}

.payment-section .activate-bonus-header {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left
}

.payment-section .activate-bonus-btn {
    width: 100%;
    margin-top: 8px;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 4px;
    background-color: var(--activate-bonus-btn-background-color, #02887e);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    opacity: .9;
    border: none;
    cursor: pointer
}

.payment-section .activate-bonus-type-box {
    display: flex;
    justify-content: space-between
}

.payment-section .activate-bonus-type-box button {
    outline: none;
    flex: 1;
    margin-top: 10px;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    opacity: .8
}

.payment-section .activate-bonus-type-box button:first-of-type {
    margin-right: 5px
}

.payment-section .activate-bonus-type-box button:last-of-type {
    margin-left: 5px
}

.payment-section .activate-bonus-type-box button.selected {
    opacity: 1
}

.betshop_section {
    color: var(--account-content-item-color, #fff);
    height: 250px;
    overflow-x: hidden;
    padding: 0 0 0 35px;
    margin-right: 18px;
    overflow-y: auto;
    width: 100%;
    margin-bottom: 25px;
    position: relative
}

.betshop_section__mobile {
    margin-right: 0;
    padding: 0;
    height: 100px
}

.betshop_section__item {
    line-height: 38px;
    font-family: Akrobat-SemiBold;
    font-size: 19px
}

.betshop_section .subItem {
    height: 38px;
    line-height: 38px;
    font-family: Akrobat-SemiBold;
    font-size: 19px;
    padding-left: 20px;
    width: 95%;
    margin: 5px 0;
    border-radius: 20px
}

.betshop_section .subItem.selected {
    background: rgba(135, 143, 162, .79)
}

.betshop_section .subItem:hover {
    background: rgba(135, 143, 162, .45)
}

.BankAccountNumber-item {
    z-index: 99999;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 13px;
    background: #717171;
    position: inherit;
    border-bottom: 1px solid #f6f5f5;
    cursor: pointer
}

.history-section {
    border-radius: 6px;
    color: var(--account-content-item-color, #fff);
    min-height: var(--payment-section-content-width)
}

.history-section .block-head,
.history-section .bets-history-block-head {
    border-radius: 8px;
    background-image: var(--history-block-head-bg, linear-gradient(to bottom, #16233a, #151a23));
    padding-left: var(--history-block-head-pdleft, 16px);
    padding-right: var(--history-block-head-pdright, 16px);
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--history-block-head-mrgbottom, 8px);
    color: var(--history-block-head-color, #fff)
}

.history-section .block-head div,
.history-section .bets-history-block-head div {
    padding-top: 11px;
    padding-bottom: 11px;
    width: 16.6666666667%
}

.history-section .block-head div.info-btn-head,
.history-section .bets-history-block-head div.info-btn-head {
    width: 50px
}

.history-section section {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background-color: var(--history-block-section-bg, #16233a);
    padding: 15px 14px 32px;
    min-height: var(--history-block-section-height, 570px)
}

.history-section section .block,
.history-section section .bets-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.history-section section .block_item,
.history-section section .bets-block_item {
    width: 16.6666666667%
}

.history-section section .block_item .info-btn,
.history-section section .bets-block_item .info-btn {
    height: var(--history-info-btn-height, 25px);
    background: linear-gradient(180deg, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    border: none;
    color: var(--history-info-btn-color, #fff);
    font-size: var(--font-size-3, 16px);
    border-radius: 4px;
    cursor: pointer
}

.history-section section .block_item.info,
.history-section section .bets-block_item.info {
    width: 50px
}

.history-section section .pagination_section {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.history-section section.empty-block {
    background: var(--account-main-bg-color, #213454);
    align-items: center;
    justify-content: center;
    position: relative
}

.history-section section.empty-block .icon {
    font-size: 90px
}

.history-section .filter-panel {
    position: absolute;
    right: 0;
    top: 31px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.history-section .pagination_section {
    margin-top: 15px;
    text-align: center
}

.datetime-popover {
    max-width: 336px;
    border-radius: 10px;
    background: #100718;
    color: #fff;
    z-index: 1
}

@media (max-width: 767px) {
    .datetime-popover {
        top: 50px !important;
        left: 50% !important;
        transform: translate(-50%) !important
    }
}

.datetime-popover .popover-body {
    padding: 15px 12px
}

.datetime-popover .datepicker-section,
.datetime-popover .timepicker-section {
    width: 100%;
    border: none
}

.datetime-popover .ngb-dp-day,
.datetime-popover .ngb-dp-week-number,
.datetime-popover .ngb-dp-weekday,
.datetime-popover [ngbdatepickerdayview] {
    width: 40px;
    height: 40px;
    box-sizing: border-box
}

.datetime-popover .ngb-dp-day:not(:last-of-type),
.datetime-popover .ngb-dp-week-number:not(:last-of-type),
.datetime-popover .ngb-dp-weekday:not(:last-of-type),
.datetime-popover [ngbdatepickerdayview]:not(:last-of-type) {
    margin-right: 4px
}

.datetime-popover .ngb-dp-day,
.datetime-popover .ngb-dp-week-number,
.datetime-popover .ngb-dp-weekday {
    border-radius: 7px
}

.datetime-popover .btn-light {
    border: 2px solid rgba(255, 153, 0, .1);
    background: rgba(255, 153, 0, .1);
    line-height: 36px
}

.datetime-popover .btn-light.outside {
    border: 2px solid rgba(255, 153, 0, .1);
    background: none
}

.datetime-popover .btn-light.bg-primary,
.datetime-popover .btn-light:hover:active {
    background: #FF9900;
    color: #000
}

.datetime-popover .ngb-dp-week {
    margin-bottom: 4px
}

.datetime-popover .ngb-dp-navigation-select select.form-select {
    height: 48px;
    margin-bottom: 12px;
    border: 2px solid rgba(0, 36, 225, .2);
    border-radius: 10px;
    background-color: #0024e133;
    background-image: url(/assets/icons/accordion-arrow.svg);
    background-position-x: 93%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none
}

.datetime-popover .ngb-dp-navigation-select select.form-select:focus,
.datetime-popover .ngb-dp-navigation-select select.form-select:hover {
    border-color: #f90
}

.datetime-popover .ngb-dp-navigation-select select.form-select:first-of-type {
    margin-right: 4px
}

.datetime-popover .ngb-dp-navigation-select select.form-select:last-of-type {
    margin-left: 4px
}

.datetime-popover .ngb-dp-navigation-select select.form-select option {
    background-color: #0a0a46;
    color: #fff
}

.datetime-popover .ngb-dp-arrow {
    display: none
}

.datetime-popover .timepicker-section fieldset {
    margin: 4px 0 0;
    padding: 0;
    border: none
}

.datetime-popover .timepicker-section .ngb-tp-input-container {
    flex: 1
}

.datetime-popover .timepicker-section .ngb-tp-input-container input {
    height: 56px;
    border: 2px solid transparent;
    background: #0a0a46;
    font-family: Nunito, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    caret-color: #f90;
    width: 100%;
    height: 48px;
    padding: 0;
    border-radius: 10px
}

.datetime-popover .timepicker-section .ngb-tp-input-container input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important
}

.datetime-popover .timepicker-section .ngb-tp-input-container input::placeholder {
    color: #ffffff80
}

.datetime-popover .timepicker-section .ngb-tp-input-container input:hover {
    border-color: #f90
}

.datetime-popover .timepicker-section .ngb-tp-input-container input:hover::placeholder {
    color: #fff
}

.datetime-popover .timepicker-section .ngb-tp-input-container input:focus {
    border-color: #f90
}

.datetime-popover .timepicker-section .ngb-tp-input-container input.with-placeholder {
    padding: 26px 12px 10px 10px
}

.datetime-popover .timepicker-section .ngb-tp-input-container input.ng-touched.ng-invalid,
.datetime-popover .timepicker-section .ngb-tp-input-container input.invalid {
    border-color: red
}

.datetime-popover .timepicker-section .ngb-tp-input-container input[readonly]:not(.date-picker-input):hover {
    border-color: transparent
}

.datetime-popover .timepicker-section .ngb-tp-input-container input[readonly]:not(.date-picker-input):focus {
    border-color: transparent
}

.datetime-popover .timepicker-section .ngb-tp-input-container input:focus::placeholder {
    color: transparent
}

.datetime-popover .timepicker-section.invalid input {
    border-color: red
}

body.modal-open {
    overflow: hidden !important
}

@media (max-width: 767px) {
    body.modal-open {
        overflow-x: hidden !important;
        overflow-y: auto !important
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #0006
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    width: 100%;
    height: 100%;
    outline: 0;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal.modal-top-position {
    align-items: flex-start
}

.modal.modal-top-position .modal-dialog {
    margin-top: 36px
}

.modal.modal-top-position .modal-content {
    overflow: auto
}

.modal-dialog {
    margin: auto
}

.modal-content {
    border-radius: 20px;
    max-width: 755px;
    position: relative;
    overflow: hidden;
    margin: auto
}

.mobile-dialog {
    width: 98%
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.popover {
    z-index: 1070
}

app-notifications {
    position: fixed;
    bottom: 27px;
    left: 50%;
    transform: translate(-50%);
    z-index: 1200
}

ngb-toast {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 10px;
    padding: 20px 24px;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

@media (max-width: 767px) {
    ngb-toast {
        width: 222px
    }
}

ngb-toast.success {
    border: 1px solid #05E100;
    background-color: #05e10026
}

ngb-toast.success fa-icon {
    color: #05e100
}

ngb-toast.failure {
    border: 1px solid #FF0000;
    background-color: #ff000026
}

ngb-toast.failure fa-icon {
    color: red
}

ngb-toast .toast-body {
    display: flex;
    align-items: center;
    color: #fff
}

ngb-toast .toast-body fa-icon {
    margin-right: 42px;
    font-size: 18px
}

@media (max-width: 767px) {
    ngb-toast .toast-body fa-icon {
        margin-right: 32px
    }
}

html {
    scroll-behavior: smooth
}

body {
    position: relative;
    background-color: var(--m-common-background-color, #FFFFFF);
    overflow-y: auto !important;
    z-index: 1
}

body:before,
body:after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 50%;
    z-index: -1
}

body:before {
    top: 0;
    max-height: 1550px;
    background: linear-gradient(160.89deg, rgba(0, 36, 225, .17) -24.79%, rgba(219, 31, 107, 0) 31.97%), radial-gradient(89.03% 93.69% at 95.36% -29.67%, rgba(255, 153, 0, .058) 0%, rgba(255, 153, 0, 0) 100%)
}

body:after {
    bottom: 0;
    max-height: 1100px;
    background: radial-gradient(318.23% 318.23% at 50% 318.23%, rgba(26, 56, 164, .495) 0%, rgba(26, 56, 164, 0) 100%)
}

body::-webkit-scrollbar {
    display: none
}

body.no-scroll {
    overflow: hidden !important
}

body.open-game {
    background-image: url(/assets/images/open-game-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.change_btn {
    width: 210px !important;
    background-color: #0d5694 !important
}

.modal-content-size-m {
    max-width: 992px
}

.modal-content-size-l {
    max-width: 1200px
}

.modal-footer,
.modal-header {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 16px
}

.modal-header {
    border-bottom: 1px solid #cecece
}

.modal-body {
    padding: 16px
}

.modal-footer {
    border-top: 1px solid #cecece
}

app-global-bottom-side-bar {
    position: fixed;
    top: calc(100% - 64px);
    width: 100%;
    z-index: 111
}

.hidden {
    display: none;
    margin: 0;
    padding: 0;
    visibility: hidden
}

.caspor-table {
    width: 100%;
    border-spacing: 0
}

.caspor-table thead tr {
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff80
}

.caspor-table thead tr td {
    padding: 8px 0
}

.caspor-table thead tr td:first-child {
    padding-left: 12px
}

.caspor-table thead tr td:last-child {
    padding-right: 12px
}

.caspor-table tbody tr {
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.caspor-table tbody tr:nth-child(odd) {
    background: #1a38a41a
}

.caspor-table tbody tr td {
    height: 48px
}

.caspor-table tbody tr td:first-child {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-left: 12px
}

.caspor-table tbody tr td:last-child {
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
    padding-right: 12px
}

.caspor-table-mobile {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.caspor-table-mobile__block {
    display: flex;
    flex-direction: column;
    padding: 16px 12px;
    border-radius: 16px;
    background-color: #0e092c;
    color: #fff
}

.caspor-table-mobile__block-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 30px
}

.caspor-table-mobile__block-row-label {
    color: #ffffff80
}

.caspor-table-mobile__block-row-value {
    padding-left: 30px;
    overflow: hidden;
    text-align: end;
    text-overflow: ellipsis
}

.caspor-list ol {
    padding-left: 20px
}

.caspor-list li {
    text-align: left
}

.caspor-list li li {
    list-style-type: disc
}

.caspor-list li li li {
    list-style-type: square
}

.caspor-static-page-wrapper {
    margin: 0 auto;
    padding: 30px 72px;
    color: #fff
}

.caspor-static-page-wrapper a {
    color: #f90;
    text-decoration: none
}

.caspor-static-page-wrapper .notes {
    margin: 10px 0;
    color: #ffffff80
}

.caspor-static-page-wrapper .notes .star {
    color: #f90
}

.caspor-static-page-wrapper .promo-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 20px 0;
    padding: 24px;
    border-radius: 20px;
    background-color: #1a38a433;
    font-size: 20px;
    font-weight: 700
}

.caspor-static-page-wrapper-flex {
    display: flex;
    max-width: 1900px
}

.caspor-static-page-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.caspor-static-page-card {
    min-width: 300px;
    max-width: 400px;
    width: 100%;
    min-height: 240px;
    padding: 0 15px;
    border: 1px solid #FF9900;
    border-radius: 16px
}

.caspor-static-page-card .card-header {
    margin: 30px 0;
    font-weight: 700;
    color: #f90
}

.caspor-static-page-card .card-content {
    display: flex;
    justify-content: space-between
}

.caspor-static-page-card .card-content>div:nth-child(2) {
    padding-right: 50px
}

.caspor-static-page-card .card-content-value {
    font-size: 26px
}

.caspor-static-page-card .card-content-value-text {
    font-size: 12px
}

.caspor-static-page-card .card-description {
    margin: 30px 0
}

.caspor-static-page-promo {
    min-width: 432px;
    margin-left: 84px
}

app-mobile-main .caspor-static-page-wrapper {
    padding: 0 20px
}

@media screen and (max-width: 700px) {
    app-mobile-main .caspor-static-page-wrapper .promo-block {
        flex-direction: column
    }
}

app-mobile-main .caspor-static-page-wrapper .to_top {
    position: fixed;
    bottom: 60px;
    right: 20px
}

@media (orientation: landscape) {
    app-mobile-main .caspor-static-page-wrapper {
        padding: 0 20px 0 40px
    }
}

@charset "UTF-8";

.bonuses-section {
    height: var(--payment-section-content-width);
    padding: 15px 10px;
    background: var(--account-main-bg-color, #213454);
    border-radius: 6px
}

.bonuses-section section {
    height: var(--bonuses-block-section-height, 538px) !important;
    overflow-y: auto
}

.bonuses-section section .bonuses-block_item {
    width: 12.5%
}

.bonuses-section .send-promo-code-box {
    height: 40px;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 16px
}

.bonuses-section .send-promo-code-box .success-message,
.bonuses-section .send-promo-code-box .error-message {
    position: absolute;
    bottom: -12px;
    font-size: 11px
}

.bonuses-section .send-promo-code-box .success-message {
    color: #3c763d
}

.bonuses-section .send-promo-code-box .error-message {
    color: #ff0029
}

.bonuses-section .send-promo-code-box input {
    min-width: var(--history-select-width, 234px);
    outline: none;
    background: var(--account-content-item-bg-color, #314566);
    border-radius: 6px;
    color: var(--account-content-item-color, #fff);
    padding: var(--history-select-padding, 12px 16px);
    font-size: var(--font-size-16, 16px);
    border: none
}

.bonuses-section .send-promo-code-box button {
    flex: 1;
    margin-left: 20px;
    height: 100%;
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px
}

.bonuses-section .bonus-tab-bar {
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.bonuses-section .bonus-tab-bar .bonus-tab-bar_top {
    display: flex
}

.bonuses-section .bonus-tab-bar_item {
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 1.48px
}

.bonuses-section .bonus-tab-bar_item.active {
    text-decoration: underline
}

.bonuses-section .bonus-tab-content {
    min-height: 300px
}

.bonuses-section .bonus-tab-content.game-bonus {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    justify-content: center;
    font-weight: 400;
    color: #000
}

.bonuses-section .bonus-error-message,
.bonuses-section .bonus-success-message {
    position: absolute;
    top: var(--promo-error-top, -28px);
    left: var(--promo-rror-left, 0);
    color: #ff0029
}

.bonuses-section .bonus-success-message {
    color: #3c763d
}

.modal-content.triggers,
.modal-content.confirm {
    max-width: 350px !important
}

.modal-content.triggers .actions,
.modal-content.confirm .actions {
    display: flex;
    justify-content: flex-end
}

.modal-content.triggers .actions button:first-of-type,
.modal-content.confirm .actions button:first-of-type {
    margin-right: 10px
}

.modal-content.triggers .actions button,
.modal-content.confirm .actions button {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px
}

.modal-content.triggers .modal-body,
.modal-content.confirm .modal-body {
    float: none !important;
    display: flex;
    justify-content: space-between;
    align-content: inherit;
    align-items: center
}

.modal-content.triggers .trigger-item,
.modal-content.confirm .trigger-item {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-bottom: 10px
}

.modal-content.triggers .trigger-item .trigger-row,
.modal-content.confirm .trigger-item .trigger-row {
    line-height: 25px;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.modal-content.triggers .trigger-item .trigger-row .wrap-text,
.modal-content.confirm .trigger-item .trigger-row .wrap-text {
    word-break: break-all;
    text-align: right;
    padding-left: 5px
}

.filter-panel form {
    display: flex;
    align-items: flex-end
}

.filter-panel .history-tools {
    margin-right: 15px
}

.filter-panel .history-tools select {
    min-width: var(--history-select-width, 234px);
    outline: none;
    background: var(--account-content-item-bg-color, #314566);
    border-radius: 6px;
    color: var(--account-content-item-color, #fff);
    padding: var(--history-select-padding, 12px 16px);
    -webkit-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--account-content-item-color, #fff) 50%), linear-gradient(135deg, var(--account-content-item-color, #fff) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 16px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 6px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    font-size: var(--font-size-16, 16px);
    border: none;
    height: 44px
}

.filter-panel .history-tools button {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    line-height: unset
}

.casino-section {
    margin: 0
}

.casino-section .banner_image {
    position: relative;
    width: 100%;
    height: 450px;
    background-image: linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 36%, rgba(84, 84, 84, 0) 45%)
}

.casino-section .banner_image .banner-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper-bg, linear-gradient(to left, #131a2c, rgba(83, 83, 83, .02) 64%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .banner_image .banner-wrapper2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper2-bg, linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 45%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .banner_image .banner-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%)
}

.casino-section .banner_image .banner-content .banner-description {
    width: 300px;
    font-family: roboto-regular;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--banner-description-color, #FFFFFF)
}

.casino-section .banner_image .banner-content .banner-content-description {
    font-family: roboto-regular;
    color: var(--banner-description-color, #FFFFFF);
    line-height: 2.5;
    font-weight: 600
}

.casino-section .banner_image .banner-content .banner-action {
    display: inline-block;
    height: 31px;
    margin-top: 5px;
    padding: 0 20px;
    border-radius: 3px;
    background-image: linear-gradient(to top, var(--banner-action-gradient-color-2, #10ab8a), var(--banner-action-gradient-color-1, #02887e));
    font-size: 12px;
    line-height: 31px;
    color: var(--banner--action-text-color, #FFFFFF);
    text-transform: uppercase
}

.casino-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    text-align: center
}

.casino-section .casino-game-section_banners {
    position: relative
}

.casino-section .casino-game-section_banners .icon-next-arrow {
    position: fixed;
    bottom: 48px;
    right: 24px;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-image: var(--casino-to-top-bgImage, linear-gradient(to bottom, #1376f8, #194074));
    background-color: var(--casino-to-top-background-color, unset);
    box-shadow: 0 7px 10px #182130f0;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    outline: none;
    transform: rotate(-90deg)
}

.casino-section .casino-game-section-content {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto
}

.casino-section .casino-game-section-content .left-section {
    position: sticky;
    top: 110px;
    width: calc(25% - 8px);
    min-height: 778px;
    margin-right: 16px
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section {
        top: 128px
    }
}

.casino-section .casino-game-section-content .left-section-search-block {
    margin-bottom: 24px;
    padding: 16px 12px 12px;
    border-radius: 20px;
    background: #120e4c;
    font-family: Nunito, sans-serif
}

.casino-section .casino-game-section-content .left-section .search_field {
    height: 56px;
    margin-bottom: 12px;
    padding-right: 18px;
    border-radius: 10px;
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .search_field .search-icon {
    width: 32px;
    height: 32px;
    border: none;
    cursor: default
}

.casino-section .casino-game-section-content .left-section .search_field input {
    flex: 1;
    height: 100%;
    padding: 18px 12px;
    border: none;
    background: transparent;
    outline: none
}

.casino-section .casino-game-section-content .left-section .search_field input::placeholder {
    color: #fff
}

.casino-section .casino-game-section-content .left-section .nav-bar {
    display: flex;
    flex-direction: column
}

.casino-section .casino-game-section-content .left-section .nav-bar .title {
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333% - 4px));
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 6px;
    overflow-y: auto;
    overflow-x: hidden
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 170px;
    padding: 14px;
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    overflow: hidden
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover a,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover i {
    color: #f90
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
        height: 150px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
        height: 130px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
        height: 110px
    }
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
    width: 104px;
    height: 104px;
    object-position: center
}

@media (max-width: 1919px) {

    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
        width: 84px;
        height: 84px
    }
}

@media (max-width: 1679px) {

    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
        width: 64px;
        height: 64px
    }
}

@media (max-width: 1439px) {

    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .categories-img,
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li .providers-img {
        width: 44px;
        height: 44px
    }
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active {
    background: rgba(26, 56, 164, .2);
    outline: none
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active a,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active i {
    color: #f90
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a,
.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--product-navigation-tab-color, #FFFFFF);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a {
    margin-top: 14px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    margin-top: 0
}

.casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows {
    margin-top: auto
}

.casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    border-radius: 4px;
    background-color: #1d2e4a;
    line-height: 24px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: none
}

.casino-section .casino-game-section-content .left-section .filter_field {
    border-radius: 6px;
    cursor: default
}

.casino-section .casino-game-section-content .left-section .filter_field .selected-provider {
    width: 100%;
    margin-bottom: 32px;
    font-size: 18px;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .filter_field .selected-provider .selected-provider-label {
    color: var(--selected-provider-label-color, #FFFFFF)
}

.casino-section .casino-game-section-content .left-section .filter_field .search-providers {
    margin-bottom: 24px;
    border-bottom: solid 1px #131a2c;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .filter_field .search-providers input {
    height: 100%;
    padding: 0 0 8px;
    border: none;
    background: none;
    outline: none;
    color: #fff
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333% - 4px));
    grid-gap: 6px;
    width: 100%;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 132px;
    border: 3px solid rgba(26, 56, 164, .3);
    border-radius: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    text-align: center
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li:hover {
    background: rgba(26, 56, 164, .2)
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
        height: 112px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
        height: 92px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
        height: 72px
    }
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li.selected {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    word-break: break-word
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li span {
        font-size: 11px;
        line-height: 15px
    }
}

.casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
    display: block;
    width: 132px;
    height: 132px
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
        width: 112px;
        height: 112px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
        width: 92px;
        height: 92px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .left-section .filter_field .provider-list li img {
        width: 72px;
        height: 72px
    }
}

.casino-section .casino-game-section-content .search-results {
    width: calc(75% - 8px)
}

.casino-section .casino-game-section-content .search-results .nav {
    position: sticky;
    top: 0;
    display: flex;
    padding-bottom: 31px;
    background-color: var(--product-background-color, #ffffff);
    z-index: 1
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs {
    display: flex;
    align-items: center;
    grid-column: 1/span 4;
    width: 100%;
    height: 36px;
    padding-left: 23px;
    border-bottom: none;
    color: var(--product-navigation-tab-active-color, #FFFFFF);
    line-height: 36px
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs:hover a {
    color: var(--product-navigation-tab-hover-color, #ccc)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs .tab-item {
    width: auto;
    height: 100%;
    border-bottom: 2px solid var(--product-navigation-tab-active-color, #FFFFFF)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs.active {
    border-bottom: 2px solid var(--header-menu-item-active-border-color, #FFFFFF);
    transform: translateY(1px)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs.active:hover {
    color: var(--product-navigation-tab-active-item-hover-color, #ccc)
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs a,
.casino-section .casino-game-section-content .search-results .nav .nav-tabs i {
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}

.casino-section .casino-game-section-content .search-results .nav .nav-tabs a {
    margin-left: 16px
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 20px
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item {
    margin-bottom: 6px;
    margin-left: 8px;
    color: var(--casino-layout-icon-color, #FFFFFF);
    cursor: pointer
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item:hover {
    color: var(--casino-layout-icon-hover-color, #FFFFFF)
}

.casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item.selected {
    color: var(--casino-layout-icon-selected-color, #209cff)
}

.casino-section .casino-game-section-content .search-results .product_list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333% - 10.6666666667px));
    grid-template-rows: auto;
    grid-gap: 16px;
    width: 100%;
    scroll-margin-top: 110px
}

.casino-section .casino-game-section-content .search-results .product_list_item {
    position: relative;
    display: inline-block;
    height: 314px;
    border-radius: 20px;
    background: rgba(26, 56, 164, .2);
    box-sizing: border-box
}

.casino-section .casino-game-section-content .search-results .product_list_item:hover {
    background: #1A38A4
}

.casino-section .casino-game-section-content .search-results .product_list_item:hover .game-img .game-img-wrapper {
    background: linear-gradient(180deg, rgba(26, 56, 164, 0) 0%, #1A38A4 100%);
    opacity: 1
}

.casino-section .casino-game-section-content .search-results .product_list_item:hover .game-open,
.casino-section .casino-game-section-content .search-results .product_list_item:hover .game-btn,
.casino-section .casino-game-section-content .search-results .product_list_item:hover .icon-layer {
    visibility: visible
}

@media (max-width: 1919px) {
    .casino-section .casino-game-section-content .search-results .product_list_item {
        height: 276px
    }
}

@media (max-width: 1679px) {
    .casino-section .casino-game-section-content .search-results .product_list_item {
        height: 238px
    }
}

@media (max-width: 1439px) {
    .casino-section .casino-game-section-content .search-results .product_list_item {
        height: 213px
    }
}

.casino-section .casino-game-section-content .search-results .product_list_item app-product-item {
    display: block;
    width: 100%;
    height: 100%
}

.casino-section .casino-game-section-content .search-results .product_list_item .icon-layer {
    position: absolute;
    top: 38px;
    width: 100%;
    font-size: 64px;
    color: #e8d838;
    text-align: center;
    visibility: hidden
}

.casino-section .casino-game-section-content .more-button {
    display: inherit;
    min-width: 126px;
    height: 36px;
    margin: 44px 0 48px;
    padding: 0 10px;
    border: solid 1px #fff;
    border-radius: 6px;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(25, 36, 56, .3), rgba(22, 53, 99, .3) 119%, rgba(21, 59, 115, .2) 139%, rgba(12, 107, 232, .1) 222%);
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    outline: none;
    cursor: pointer
}

.casino-section .casino-game-section-content .more-button span {
    margin-left: 6px;
    color: var(--casino-more-btn-color, #007AFF)
}

.casino-section .casino-section {
    margin: 0;
    background: var(--product-background-color, #FFFFFF)
}

.casino-section .casino-section .banner_image {
    position: relative;
    width: 100%;
    height: 450px;
    background-image: linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 36%, rgba(84, 84, 84, 0) 45%)
}

.casino-section .casino-section .banner_image .banner-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper-bg, linear-gradient(to left, #131a2c, rgba(83, 83, 83, .02) 64%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .casino-section .banner_image .banner-wrapper2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--casino-banner-wrapper2-bg, linear-gradient(to right, #131a2c 1%, rgba(83, 83, 83, .02) 45%, rgba(84, 84, 84, 0) 55%))
}

.casino-section .casino-section .banner_image .banner-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%)
}

.casino-section .casino-section .banner_image .banner-content .banner-description {
    width: 300px;
    font-family: roboto-regular;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--banner-description-color, #FFFFFF)
}

.casino-section .casino-section .banner_image .banner-content .banner-content-description {
    font-family: roboto-regular;
    color: var(--banner-description-color, #FFFFFF);
    line-height: 2.5;
    font-weight: 600
}

.casino-section .casino-section .banner_image .banner-content .banner-action {
    display: inline-block;
    height: 31px;
    margin-top: 5px;
    padding: 0 20px;
    border-radius: 3px;
    background-image: linear-gradient(to top, var(--banner-action-gradient-color-2, #10ab8a), var(--banner-action-gradient-color-1, #02887e));
    font-size: 12px;
    line-height: 31px;
    color: var(--banner--action-text-color, #FFFFFF);
    text-transform: uppercase
}

.casino-section .casino-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    text-align: center
}

.casino-section .casino-section .casino-game-section_banners {
    position: relative
}

.casino-section .casino-section .casino-game-section_banners .icon-next-arrow {
    position: fixed;
    bottom: 48px;
    right: 24px;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-image: var(--casino-to-top-bgImage, linear-gradient(to bottom, #1376f8, #194074));
    background-color: var(--casino-to-top-background-color, unset);
    box-shadow: 0 7px 10px #182130f0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    transform: rotate(-90deg)
}

.casino-section .casino-section .casino-game-section-content {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 24px
}

.casino-section .casino-section .casino-game-section-content .left-section {
    position: sticky;
    top: 6px;
    width: 432px;
    height: 964px;
    margin-right: 16px;
    z-index: 1
}

.casino-section .casino-section .casino-game-section-content .left-section-search-block {
    margin-bottom: 24px;
    padding: 16px 12px 12px;
    border-radius: 20px;
    background: #120e4c;
    font-family: Nunito, sans-serif
}

.casino-section .casino-section .casino-game-section-content .left-section .search_field {
    height: 56px;
    margin-bottom: 12px;
    padding-right: 18px;
    border-radius: 10px;
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-section .casino-game-section-content .left-section .search_field .search-icon {
    width: 17px;
    height: 17px;
    border: none;
    border-radius: 50%;
    background-color: #f90;
    cursor: default
}

.casino-section .casino-section .casino-game-section-content .left-section .search_field input {
    flex: 1;
    height: 100%;
    padding: 18px 12px;
    border: none;
    background: transparent;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar {
    display: flex;
    flex-direction: column
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .title {
    margin-bottom: 31px;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs {
    display: grid;
    grid-template-columns: repeat(3, 132px);
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 6px;
    overflow-y: auto;
    overflow-x: hidden
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 170px;
    padding: 14px;
    border: 3px solid rgba(26, 56, 164, .2);
    border-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover a,
.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li:hover i {
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active {
    background: rgba(26, 56, 164, .2);
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active a,
.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li.active i {
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a,
.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--product-navigation-tab-color, #FFFFFF);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li a {
    margin-top: 14px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs li i {
    margin-top: 0
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows {
    margin-top: auto
}

.casino-section .casino-section .casino-game-section-content .left-section .nav-bar .slick-arrows span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    border-radius: 4px;
    background-color: #1d2e4a;
    line-height: 24px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field {
    border-radius: 6px;
    cursor: default
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .selected-provider {
    width: 100%;
    margin-bottom: 32px;
    font-size: 18px;
    color: #fff
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .selected-provider .selected-provider-label {
    color: var(--selected-provider-label-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .search-providers {
    margin-bottom: 24px;
    border-bottom: solid 1px #131a2c;
    color: #fff
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .search-providers input {
    height: 100%;
    padding: 0 0 8px;
    border: none;
    background: none;
    color: #fff;
    outline: none
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list {
    display: grid;
    grid-template-columns: repeat(3, 132px);
    grid-gap: 6px;
    height: 270px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 132px;
    width: 132px;
    border: 3px solid rgba(26, 56, 164, .3);
    border-radius: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    text-align: center
}

.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list li:hover,
.casino-section .casino-section .casino-game-section-content .left-section .filter_field .provider-list li.selected {
    background: rgba(26, 56, 164, .2)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav {
    position: sticky;
    top: 0;
    display: flex;
    padding-bottom: 31px;
    background-color: var(--product-background-color, #ffffff);
    z-index: 1
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs {
    display: flex;
    align-items: center;
    grid-column: 1/span 4;
    width: 100%;
    height: 36px;
    padding-left: 23px;
    line-height: 36px;
    border-bottom: none;
    color: var(--product-navigation-tab-active-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs:hover a {
    color: var(--product-navigation-tab-hover-color, #ccc)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs .tab-item {
    width: auto;
    height: 100%;
    border-bottom: 2px solid var(--product-navigation-tab-active-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs.active {
    border-bottom: 2px solid var(--header-menu-item-active-border-color, #FFFFFF);
    transform: translateY(1px)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs.active:hover {
    color: var(--product-navigation-tab-active-item-hover-color, #ccc)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs a,
.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs i {
    text-decoration: none;
    cursor: pointer;
    font-size: 16px
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .nav-tabs a {
    margin-left: 16px
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 20px
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item {
    margin-bottom: 6px;
    margin-left: 8px;
    cursor: pointer;
    color: var(--casino-layout-icon-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item:hover {
    color: var(--casino-layout-icon-hover-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .nav .casino-layouts .layout-item.selected {
    color: var(--casino-layout-icon-selected-color, #209cff)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list {
    display: grid;
    grid-template-columns: repeat(3, 432px);
    grid-template-rows: auto;
    grid-gap: 16px;
    justify-content: space-evenly
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 314px;
    border-radius: 20px;
    background: rgba(26, 56, 164, .2);
    box-sizing: border-box
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover {
    background: #1A38A4
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .game-img .game-img-wrapper {
    background: linear-gradient(180deg, rgba(26, 56, 164, 0) 0%, #1A38A4 100%);
    opacity: 1
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .game-open,
.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .game-btn,
.casino-section .casino-section .casino-game-section-content .search-results .product_list_item:hover .icon-layer {
    visibility: visible
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .icon-layer {
    position: absolute;
    top: 38px;
    width: 100%;
    font-size: 64px;
    color: #e8d838;
    text-align: center;
    visibility: hidden
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-open {
    position: absolute;
    left: 0;
    top: 48%;
    height: auto;
    width: 100%;
    text-align: center;
    visibility: hidden
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-open.game-open-center,
.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-open.game-open-demo {
    top: 66%
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn {
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_real {
    background: #FF9900;
    color: #000000de
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_real:hover {
    border: 2px solid #FF9900;
    background: #000;
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_demo {
    border: 2px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-btn_demo:hover {
    border: 2px solid #FF9900
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-img {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: calc(100% - 40px);
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-img .game-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px;
    opacity: 0;
    transition: opacity .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    color: var(--casino-game-title-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title-text {
    max-width: calc(100% - 65px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title__heart {
    color: #f90
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list_item .game-title .ng-fa-icon {
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item {
    position: relative;
    display: flex;
    grid-column: 1/span 4;
    width: 100%;
    height: 180px;
    border-radius: 10px;
    background: var(--product-item-template2-background-color, #FFFFFF);
    box-sizing: border-box
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img {
    position: relative;
    width: 240px;
    height: calc(100% - 30px);
    margin: 15px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img:hover {
    transform: scale(1.07)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img:hover .game-img-wrapper {
    opacity: 1
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-img .game-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-rating {
    position: absolute;
    bottom: 12px;
    left: 275px;
    color: var(--product-rating-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-rating i {
    font-size: 20px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-open {
    position: absolute;
    left: unset;
    top: 30px;
    right: 20px;
    width: 200px;
    height: 32px;
    text-align: center
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-open.game-open-demo {
    top: 90px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-btn {
    position: absolute;
    left: 25%;
    display: inline-block;
    width: 106px;
    border-radius: 16px;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-btn_real {
    top: 42%;
    background: var(--product-real-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-btn_demo {
    top: -15%;
    background: var(--product-demo-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-title {
    margin: 12px 12px 12px -6px;
    color: #d0d0d0;
    text-indent: 5px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-title:hover {
    color: var(--product-title-hover-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-2_item .game-title__heart {
    margin-right: 3px;
    font-size: 14px;
    color: var(--product-heart-icon-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 1/span 4;
    width: 100%;
    height: 80px;
    padding: 0 15px;
    border-radius: 10px;
    background: var(--product-item-template2-background-color, #FFFFFF);
    box-sizing: border-box
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-rating {
    position: absolute;
    bottom: 7px;
    left: 17px;
    color: var(--product-rating-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-rating i {
    font-size: 20px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-open {
    position: static;
    top: 30px;
    width: 109px;
    height: 32px;
    text-align: center
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-open.real {
    margin-left: auto
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-btn {
    display: inline-block;
    width: 106px;
    border-radius: 16px;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-btn_real {
    background: var(--product-real-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-btn_demo {
    background: var(--product-demo-button-background-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-title {
    margin: 12px 12px 12px -6px;
    color: #d0d0d0;
    text-indent: 5px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-title:hover {
    color: var(--product-title-hover-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list .product_list_template-3_item .game-title__heart {
    margin-right: 3px;
    font-size: 14px;
    color: var(--product-heart-icon-color, #FFFFFF)
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.content {
    padding-right: 10px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.content .nav-bar {
    grid-row: 2/span 2;
    height: unset
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.content .filter_field {
    grid-row: 4/span 3;
    height: 570px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.list {
    padding-right: 10px
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.list .nav-bar {
    grid-row: 2/span 4;
    height: unset
}

.casino-section .casino-section .casino-game-section-content .search-results .product_list.list .filter_field {
    grid-row: 6/span 6;
    height: 570px
}

.casino-section .casino-section .casino-game-section-content .more-button {
    display: inherit;
    min-width: 126px;
    height: 36px;
    margin: 44px 0 48px;
    padding: 0 10px;
    border: solid 1px #fff;
    border-radius: 6px;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(25, 36, 56, .3), rgba(22, 53, 99, .3) 119%, rgba(21, 59, 115, .2) 139%, rgba(12, 107, 232, .1) 222%);
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    outline: none;
    cursor: pointer
}

.casino-section .casino-section .casino-game-section-content .more-button span {
    margin-left: 6px;
    color: var(--casino-more-btn-color, #007AFF)
}

.casino-section .casino-section .default_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #131a2cf0;
    -webkit-box-shadow: inset 0 0 6px rgba(19, 26, 44, .94)
}

.casino-section .casino-section .default_scroll::-webkit-scrollbar {
    width: 2px;
    background-color: transparent
}

.casino-section .casino-section .default_scroll::-webkit-scrollbar-thumb {
    max-height: 12px;
    border-radius: 10px;
    background-color: #1376f8;
    -webkit-box-shadow: inset 0 0 6px #1376f8
}

.casino-section .game-rating {
    color: var(--product-rating-color, #FFFFFF)
}

.casino-section .game-rating__star {
    margin-left: 11px;
    margin-right: 6px;
    color: #f90;
    font-size: 14px
}

.home-page-section {
    height: 100%;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat
}

.home-page-section_banners .slick-track {
    height: 640px
}

@media (max-width: 1919px) {
    .home-page-section_banners .slick-track {
        height: 554px
    }
}

@media (max-width: 1679px) {
    .home-page-section_banners .slick-track {
        height: 468px
    }
}

@media (max-width: 1439px) {
    .home-page-section_banners .slick-track {
        height: 410px
    }
}

.home-page-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    text-align: center
}

.home-page-section .casino-game-section_banners {
    min-height: 360px
}

.home-page-section .casino-menu-container {
    display: flex;
    justify-content: center;
    max-width: 1550px;
    margin: 0 auto
}

.home-page-section .casino-menu-container .casino-games-menu {
    display: grid;
    justify-content: space-evenly;
    grid-column-gap: 27px;
    grid-template-columns: 240px 240px 240px 240px 240px 240px;
    margin: 10px auto
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs {
    display: flex;
    grid-column: 1/span 4;
    height: 47px;
    border-bottom: none
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs li {
    display: inline-block;
    position: relative;
    outline: none;
    z-index: 2
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs li.active {
    border-bottom: 2px solid var(--header-menu-item-active-border-color, #FFFFFF);
    transform: translateY(1px)
}

.home-page-section .casino-menu-container .casino-games-menu .nav-tabs li a {
    height: 100%;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field {
    position: relative;
    min-height: 40px;
    font-size: 14px;
    color: #fff
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field .selected-provider {
    position: absolute;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: solid 2px var(--common-box-border-color, #FFFFFF);
    border-radius: 10px
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field .selected-provider fa {
    font-size: 29px
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field.opened .custom_dropdown_list {
    display: block
}

.home-page-section .casino-menu-container .casino-games-menu .filter_field .custom_dropdown_list {
    height: 300px;
    border-radius: 2px;
    position: absolute;
    top: 50px;
    width: 100%;
    border: solid 1px var(--common-box-border-color, #FFFFFF);
    background-color: #101824e6;
    overflow-y: scroll;
    display: none;
    z-index: 1;
    line-height: 25px
}

.home-page-section .casino-menu-container .casino-games-menu .search_field {
    height: 40px;
    padding: 0 16px;
    border: solid 2px var(--common-box-border-color, #FFFFFF);
    border-radius: 10px;
    color: #fff
}

.home-page-section .casino-menu-container .casino-games-menu .search_field fa {
    font-size: 16px
}

.home-page-section .casino-menu-container .casino-games-menu .search_field input {
    flex: 1;
    height: 100%;
    padding: 0 0 0 5px;
    border: none;
    background: none;
    color: #fff;
    outline: none
}

.home-page-section .filter-game-section_items {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.home-page-section .filter-game-section_items .product_list {
    display: grid;
    grid-template-columns: 240px 240px 240px 240px 240px 240px;
    grid-row-gap: 27px;
    grid-column-gap: 27px;
    justify-content: space-evenly;
    padding-bottom: 25px
}

.home-page-section .filter-game-section_items .product_list .widget {
    grid-column: 6;
    grid-row: 1/span 2;
    min-height: 360px;
    padding-left: 16px;
    padding-top: 10px;
    border: solid 2px var(--common-box-border-color, #FFFFFF);
    border-radius: 10px;
    overflow: hidden
}

.home-page-section .filter-game-section_items .product_list .widget .carousel .slick-list {
    height: 350px !important
}

.home-page-section .filter-game-section_items .product_list .widget .vertical-slider>div {
    line-height: 11px
}

.home-page-section .filter-game-section_items .product_list .widget h3 {
    font-size: 16px;
    color: #fff
}

.home-page-section .filter-game-section_items .product_list .widget p {
    font-size: 14px;
    color: #c3c9c8
}

.home-page-section .filter-game-section_items .product_list .widget p span {
    color: #0fa989
}

.home-page-section .filter-game-section_items .product_list_item {
    display: inline-block;
    width: 240px;
    height: 180px;
    border-radius: 10px;
    box-sizing: border-box
}

.home-page-section .filter-game-section_items .product_list_item:hover .game-open {
    visibility: visible
}

.home-page-section .filter-game-section_items .product_list_item .game-img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s
}

.home-page-section .filter-game-section_items .product_list_item .game-img:hover {
    transform: scale(1.07)
}

.home-page-section .filter-game-section_items .product_list_item .game-img:hover .game-img-wrapper {
    opacity: 1
}

.home-page-section .filter-game-section_items .product_list_item .game-img .game-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.home-page-section .filter-game-section_items .product_list_item .game-open {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    text-align: center;
    visibility: hidden
}

.home-page-section .filter-game-section_items .product_list_item .game-open.game-open-demo {
    top: 60%
}

.home-page-section .filter-game-section_items .product_list_item .game-btn {
    position: absolute;
    left: 25%;
    display: inline-block;
    width: 106px;
    border-radius: 16px;
    line-height: 32px;
    color: #fff;
    cursor: pointer
}

.home-page-section .filter-game-section_items .product_list_item .game-btn_real {
    top: 42%;
    background: #000;
    opacity: .6
}

.home-page-section .filter-game-section_items .product_list_item .game-btn_demo {
    top: -15%;
    background: #273346
}

.home-page-section .filter-game-section_items .product_list_item .game-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: linear-gradient(to top, #030303, rgba(3, 3, 3, 0));
    line-height: 88px;
    color: #d0d0d0;
    text-indent: 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-page-section .filter-game-section_items .product_list_item .game-title__heart {
    margin-right: 3px;
    font-size: 14px;
    color: #fff
}

@media screen and (max-width: 1580px) {
    .home-page-section .filter-game-section_items .product_list {
        grid-template-columns: 240px 240px 240px 240px 240px;
        grid-row-gap: 27px
    }

    .home-page-section .filter-game-section_items .product_list .widget {
        grid-column: 5;
        grid-row: 1/span 2
    }

    .home-page-section .casino-menu-container .casino-games-menu {
        grid-template-columns: 240px 240px 240px 240px 240px
    }

    .home-page-section .casino-menu-container .casino-games-menu .nav-tabs {
        grid-column: 1/span 3
    }
}

@media screen and (max-width: 1335px) {
    .home-page-section .filter-game-section_items .product_list {
        grid-template-columns: 240px 240px 240px 240px;
        grid-row-gap: 27px
    }

    .home-page-section .filter-game-section_items .product_list .widget {
        grid-column: 4;
        grid-row: 1/span 2
    }

    .home-page-section .casino-menu-container .casino-games-menu {
        grid-template-columns: 240px 240px 240px 240px
    }

    .home-page-section .casino-menu-container .casino-games-menu .nav-tabs {
        grid-column: 1/span 2
    }

    .home-page-section .casino-menu-container .casino-games-menu .nav-tabs li a {
        padding: 0 9px;
        font-size: 13px
    }
}

.home-page-section .default_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #cecece;
    -webkit-box-shadow: inset 0 0 6px #cecece
}

.home-page-section .default_scroll::-webkit-scrollbar {
    width: 7px;
    background-color: transparent
}

.home-page-section .default_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0fa989;
    -webkit-box-shadow: inset 0 0 6px #0fa989
}

.home-page-section .game-rating {
    float: right;
    margin-right: 5px
}

.filter_field {
    cursor: pointer
}

.websitePagesContent {
    position: relative;
    width: 100%;
    padding: 0 var(--homa-page-content-padding-right, 10px) 0 var(--homa-page-content-padding-left, 10px);
    margin-top: var(--homePage-content-margin-top, 100px);
    -webkit-user-select: none;
    user-select: none;
    text-align: center
}

.websitePagesContent__content {
    display: flex;
    flex-wrap: wrap;
    min-width: 1024px;
    margin: var(--homePage-selectionBar-margin-top, 5px) auto var(--homePage-selectionBar-margin-bottom, 5px) auto;
    outline: none
}

.websitePagesContent__content .content-row {
    display: flex;
    width: 100%
}

.websitePagesContent__content iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none
}

.websitePagesContent__content_title {
    width: 100%;
    height: var(--homePage-selectionBar-title-height, 30px);
    margin-bottom: var(--homePage-content-title-margin-bottom, 0);
    margin-top: var(--homePage-content-title-margin-top, 0);
    padding-left: var(--homePage-selectionBar-title-padding-left, 0);
    border-bottom-left-radius: var(--homePage-selectionBar-title-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--homePage-selectionBar-title-border-bottom-right-radius, 0);
    border-top-left-radius: var(--homePage-selectionBar-title-border-top-left-radius, 0);
    border-top-right-radius: var(--homePage-selectionBar-title-border-top-right-radius, 0);
    border-left-color: var(--homePage-selectionBar-title-border-left-color, transparentize);
    border-right-color: var(--homePage-selectionBar-title-border-right-color, transparentize);
    border-bottom-color: var(--homePage-selectionBar-title-border-bottom-color, transparentize);
    border-top-color: var(--homePage-selectionBar-title-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--homePage-selectionBar-title-border-left-width, 0);
    border-right-width: var(--homePage-selectionBar-title-border-right-width, 0);
    border-top-width: var(--homePage-selectionBar-title-border-top-width, 0);
    border-bottom-width: var(--homePage-selectionBar-title-border-bottom-width, 0);
    background-color: var(--homePage-selectionBar-title-background-color, transparentize);
    font-size: var(--homePage-selectionBar-title-font-size, 17px);
    line-height: var(--homePage-selectionBar-title-line-height, 30px);
    color: var(--homePage-selectionBar-title-color, #fff);
    text-align: left
}

.websitePagesContent__content_title .fa {
    margin-right: var(--homePage-selectionBar-header-icon-margin-right, 4px)
}

.websitePagesContent__content .imageBar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin-top: var(--imageBar-style1-margin-top, 0);
    margin-bottom: var(--imageBar-style1-margin-bottom, 0);
    border-bottom-left-radius: var(--imageBar-style1-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--imageBar-style1-border-bottom-right-radius, 0);
    border-top-left-radius: var(--imageBar-style1-border-top-left-radius, 0);
    border-top-right-radius: var(--imageBar-style1-border-top-right-radius, 0);
    border-left-color: var(--imageBar-style1-border-left-color, transparentize);
    border-right-color: var(--imageBar-style1-border-right-color, transparentize);
    border-bottom-color: var(--imageBar-style1-border-bottom-color, transparentize);
    border-top-color: var(--imageBar-style1-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--imageBar-style1-border-left-width, 0);
    border-right-width: var(--imageBar-style1-border-right-width, 0);
    border-top-width: var(--imageBar-style1-border-top-width, 0);
    border-bottom-width: var(--imageBar-style1-border-bottom-width, 0);
    background-color: var(--imageBar-style1-background-color, rgba(19, 118, 248, .56));
    background-image: none !important;
    cursor: pointer;
    outline: none
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item:not(:last-of-type) {
    margin-right: var(--home-page-item-margin-right, 10px)
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item:last-child {
    border-bottom-right-radius: var(--homePage-last-item-border-bottom-right-radius, 0);
    border-top-right-radius: var(--homePage-last-item-border-top-right-radius, 0)
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item:first-child {
    border-bottom-left-radius: var(--homePage-first-item-border-bottom-right-radius, 0);
    border-top-left-radius: var(--homePage-first-item-border-top-right-radius, 0)
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item .item-title {
    font-size: var(--imageBar-style1-font-size, 14px);
    color: var(--imageBar-style1-color, #fff);
    white-space: nowrap
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item .contentImage-path {
    position: relative;
    height: var(--imageBar-style1-height, 60px);
    width: var(--imageBar-style1-width, 60px);
    margin-left: var(--imageBar-style1-margin-left, 0);
    margin-right: var(--imageBar-style1-margin-right, 10px);
    margin-top: var(--imageBar-style1-margin-top, 0);
    margin-bottom: var(--imageBar-style1-margin-bottom, 0);
    border-top-left-radius: var(--homePage-item-border-top-left-radius, 0);
    border-top-right-radius: var(--homePage-item-border-top-right-radius, 0);
    border-bottom-left-radius: var(--homePage-item-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--homePage-item-border-bottom-right-radius, 0);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.websitePagesContent__content .imageBar.imageBar-style1 .content-item .contentImage-path .play-button {
    display: none
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-top: var(--imageBar-style2-margin-top, 0);
    margin-bottom: var(--imageBar-style2-margin-bottom, 0);
    padding-top: var(--imageBar-style2-padding-top, 20px);
    padding-bottom: var(--imageBar-style2-padding-bottom, 20px);
    padding-left: var(--imageBar-style2-padding-left, 0);
    padding-right: var(--imageBar-style2-padding-right, 0);
    border-bottom-left-radius: var(--imageBar-style2-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--imageBar-style2-border-bottom-right-radius, 0);
    border-top-left-radius: var(--imageBar-style2-border-top-left-radius, 0);
    border-top-right-radius: var(--imageBar-style2-border-top-right-radius, 0);
    border-left-color: var(--imageBar-style2-border-left-color, transparentize);
    border-right-color: var(--imageBar-style2-border-right-color, transparentize);
    border-bottom-color: var(--imageBar-style2-border-bottom-color, transparentize);
    border-top-color: var(--imageBar-style2-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--imageBar-style2-border-left-width, 0);
    border-right-width: var(--imageBar-style2-border-right-width, 0);
    border-top-width: var(--imageBar-style2-border-top-width, 0);
    border-bottom-width: var(--imageBar-style2-border-bottom-width, 0);
    background-color: var(--imageBar-style2-background-color, rgba(19, 118, 248, .56));
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item:not(:last-of-type) {
    margin-right: var(--imageBar-style2-margin-right, 10px)
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path {
    position: relative;
    display: block;
    height: var(--imageBar-style2-height, 298px);
    width: var(--imageBar-style2-width, 298px);
    border-bottom-right-radius: var(--imageBar-style2-border-bottom-right-radius, 100%);
    border-bottom-left-radius: var(--imageBar-style2-border-bottom-left-radius, 100%);
    border-top-right-radius: var(--imageBar-style2-border-top-right-radius, 100%);
    border-top-left-radius: var(--imageBar-style2-border-top-left-radius, 100%);
    background-color: var(--imageBar-style2-contentImage-background-color, transparent);
    background-size: cover;
    box-shadow: 0 3px 6px 0 var(--imageBar-style2-box-shadow-color, rgba(81, 81, 81, .4));
    transition: all .3s
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path:hover {
    border-bottom-right-radius: var(--imageBar-style2-hover-border-bottom-right-radius, 50%);
    border-bottom-left-radius: var(--imageBar-style2-hover-border-bottom-left-radius, 50%);
    border-top-right-radius: var(--imageBar-style2-hover-border-top-right-radius, 50%);
    border-top-left-radius: var(--imageBar-style2-hover-border-top-left-radius, 50%);
    transform: scale(1.07)
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path:hover .play-button {
    display: block
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path:hover .img-wrapper {
    opacity: 1
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path .img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .contentImage-path .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    padding: 8px 16px;
    border-radius: 6px;
    background-image: linear-gradient(to bottom, var(--imageBar-style2-gradient-first-color, #1376f8), var(--imageBar-style2-gradient-second-color, #194074));
    font-size: var(--imageBar-style2-font-size, 16px);
    color: var(--button-color, #FFFFFF);
    text-align: center;
    white-space: nowrap;
    border: none;
    outline: none;
    cursor: pointer;
    transform: translate(-50%, -50%);
    z-index: 2
}

.websitePagesContent__content .imageBar.imageBar-style2 .content-item .item-title {
    margin-top: var(--imageBar-style2-title-margin-top, 10px);
    margin-bottom: var(--imageBar-style2-title-margin-bottom, 10px);
    font-size: var(--imageBar-style2-title-font-size, 14px);
    color: var(--imageBar-style2-title-color, #FFFFFF)
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-top: var(--imageBar-style3-margin-top, 0);
    margin-bottom: var(--imageBar-style3-margin-bottom, 0);
    border-bottom-left-radius: var(--imageBar-style3-border-bottom-left-radius, 0);
    border-bottom-right-radius: var(--imageBar-style3-border-bottom-right-radius, 0);
    border-top-left-radius: var(--imageBar-style3-border-top-left-radius, 0);
    border-top-right-radius: var(--imageBar-style3-border-top-right-radius, 0);
    border-left-color: var(--imageBar-style3-border-left-color, transparentize);
    border-right-color: var(--imageBar-style3-border-right-color, transparentize);
    border-bottom-color: var(--imageBar-style3-border-bottom-color, transparentize);
    border-top-color: var(--imageBar-style3-border-top-color, transparentize);
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-width: var(--imageBar-style3-border-left-width, 0);
    border-right-width: var(--imageBar-style3-border-right-width, 0);
    border-top-width: var(--imageBar-style3-border-top-width, 0);
    border-bottom-width: var(--imageBar-style3-border-bottom-width, 0);
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item:not(:last-of-type) {
    margin-right: var(--imageBar-style3-margin-right, 10px)
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .contentImage-path {
    position: relative;
    display: block;
    height: var(--imageBar-style2-height, 298px);
    width: var(--imageBar-style2-width, 298px);
    border-bottom-right-radius: var(--imageBar-style3-border-bottom-right-radius, unset);
    border-bottom-left-radius: var(--imageBar-style3-border-bottom-left-radius, unset);
    border-top-right-radius: var(--imageBar-style3-border-top-right-radius, unset);
    border-top-left-radius: var(--imageBar-style3-border-top-left-radius, unset);
    background-color: var(--imageBar-style3-contentImage-background-color, transparent);
    background-size: cover;
    transition: all .3s
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .contentImage-path .play-button {
    display: none
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .contentImage-path .img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(39, 51, 70, .5);
    opacity: 0;
    transition: opacity .3s
}

.websitePagesContent__content .imageBar.imageBar-style3 .content-item .item-title {
    margin-top: var(--imageBar-style3-title-margin-top, 10px);
    margin-bottom: var(--imageBar-style3-title-margin-bottom, 10px);
    font-size: var(--imageBar-style3-title-font-size, 14px);
    color: var(--imageBar-style3-title-color, #FFFFFF)
}

.websitePagesContent__content .imageBar2-carousel {
    display: block
}

.websitePagesContent__content .imageBar2-carousel .slick-list {
    height: var(--imageBar2-carousel-height, 382px)
}

.websitePagesContent__content .imageBar2-carousel .slick-arrow:before {
    filter: unset !important;
    color: #fff
}

.websitePagesContent__content .imageBar2-carousel .slick-prev:before {
    content: "\2190" !important
}

.websitePagesContent__content .imageBar2-carousel .slick-next:before {
    content: "\2192" !important
}

.slick-list,
.slick-track {
    height: auto
}

.filter-game-section {
    background: var(--product-background-color, #FFFFFF);
    margin: 0 auto
}

.filter-game-section_banners {
    height: 360px
}

.filter-game-section_banners .banner_image {
    width: 100%;
    height: 360px;
    display: block;
    position: relative
}

.filter-game-section_banners .banner_image .banner-wrapper {
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    bottom: 0
}

.filter-game-section_banners .banner_image .banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%
}

.filter-game-section_banners .banner_image .banner-content .banner-description {
    width: 300px;
    font-family: roboto-regular;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--banner-description-color, #FFFFFF)
}

.filter-game-section_banners .banner_image .banner-content .banner-content-description {
    font-family: roboto-regular;
    color: var(--banner-description-color, #FFFFFF);
    line-height: 2.5;
    font-weight: 600
}

.filter-game-section_banners .banner_image .banner-content .banner-action {
    padding: 0 20px;
    color: var(--banner--action-text-color, #FFFFFF);
    font-size: 12px;
    text-transform: uppercase;
    height: 31px;
    line-height: 31px;
    margin-top: 5px;
    border-radius: 3px;
    display: inline-block;
    background-image: linear-gradient(to top, var(--banner-action-gradient-color-2, #10ab8a), var(--banner-action-gradient-color-1, #02887e))
}

.filter-game-section .product_list {
    margin-bottom: 25px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.filter-game-section .product_list_item {
    width: 240px;
    height: 180px;
    border-radius: 10px;
    box-sizing: border-box;
    -ms-flex: auto;
    position: relative;
    margin: 11px
}

.filter-game-section .product_list_item:hover .game-open {
    visibility: visible
}

.filter-game-section .product_list_item .game-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 10px;
    transition: all .3s
}

.filter-game-section .product_list_item .game-img .game-img-wrapper {
    transition: opacity .3s;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5)
}

.filter-game-section .product_list_item .game-img:hover {
    transform: scale(1.07)
}

.filter-game-section .product_list_item .game-img:hover .game-img-wrapper {
    opacity: 1
}

.filter-game-section .product_list_item .game-open {
    height: 60%;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    visibility: hidden
}

.filter-game-section .product_list_item .game-open.game-open-center {
    height: 100%
}

.filter-game-section .product_list_item .game-open.game-open-demo {
    top: 60%
}

.filter-game-section .product_list_item .game-btn {
    display: inline-block;
    left: 25%;
    width: 106px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
    color: #fff;
    position: absolute
}

.filter-game-section .product_list_item .game-btn_real {
    top: 42%;
    background-color: var(--game-btn_real-background-color, #000000);
    opacity: var(--game-btn_real-opacity, .6)
}

.filter-game-section .product_list_item .game-btn_demo {
    top: -15%;
    background-color: var(--game-btn_demo-background-color, #273346);
    opacity: var(--game-btn_demo-opacity, 1)
}

.filter-game-section .product_list_item .game-title {
    width: 100%;
    line-height: 88px;
    color: var(--filter-games-title-color, #FFFFFF);
    text-indent: 5px;
    white-space: nowrap;
    height: 60px;
    text-overflow: ellipsis;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to top, var(--game-title-gradient-color-2, #030303), var(--game-title-gradient-color-1, rgba(3, 3, 3, 0)))
}

.filter-game-section .product_list_item .game-title__heart {
    color: #fff;
    font-size: 14px;
    margin-right: 3px
}

.filter-game-section .game-rating {
    float: right;
    margin-right: 5px
}

.filter-game-section .game-rating__star {
    font-size: 14px;
    color: #fac917;
    margin-right: 3px
}

.forgot-password-section_content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: var(--forgot-password-section-width, 960px);
    height: auto;
    max-height: var(--forgot-password-section-max-height, auto);
    min-height: var(--forgot-password-section-min-height, 700px);
    margin: 0 auto;
    border-radius: 20px;
    background: #0C031F
}

.forgot-password-section_content.min-height {
    height: 700px
}

.forgot-password-section_content__main {
    padding-top: 26px;
    padding-left: 36px;
    padding-right: 36px
}

.forgot-password-section_content__main--header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.forgot-password-section_content__main--header--title {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

.forgot-password-section_content__main--close-icon {
    margin-left: auto;
    font-size: 12px;
    color: #c02c5d;
    cursor: pointer
}

.forgot-password-section_content__main--form {
    margin-top: 174px
}

.forgot-password-section_content__main--form div:last-of-type {
    margin-top: 16px
}

.forgot-password-section_content__main--description {
    margin: 32px 0 0;
    font-family: Nunito, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.forgot-password-section_content__main--success {
    margin-top: 174px
}

.forgot-password-section_content__main--success--image {
    height: 18px;
    background: url(/assets/images/success-icon.png) no-repeat center
}

.forgot-password-section_content__main--success--message {
    margin-top: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #f90;
    overflow: hidden;
    text-overflow: ellipsis
}

.forgot-password-section_content__main--success--description {
    margin-top: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding: 0 24px
}

.forgot-password-section_content .width-100 {
    width: 50%
}

.forgot-password-section_content .recovery-logo {
    display: block;
    width: var(--recovery-logo-width, auto);
    height: var(--recovery-logo-height, 44px);
    margin-top: var(--recovery-logo-margin-top, 37px);
    margin-bottom: var(--recovery-logo-margin-bottom, 44px);
    margin-left: auto;
    margin-right: auto
}

.forgot-password-section .forgot-password-section_block .form_row {
    margin: 0;
    margin-bottom: var(--forgot-password-section-text-margin-bottom, 10px);
    line-height: 1.71;
    color: var(--forgot-password-section-text-color, #dbedff)
}

.forgot-password-section .forgot-password-section_block .form_row.number-info {
    margin: 0;
    margin-bottom: var(--forgot-password-number-info-margin-bottom, 116px)
}

.forgot-password-section .forgot-password-section_block .form_row_recovery {
    position: relative
}

.forgot-password-section .forgot-password-section_block .form_row_recovery .password-eye-show {
    position: absolute;
    right: 16px;
    top: 37px
}

.forgot-password-section .forgot-password-section_block .change-password_btn {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px;
    width: 100%;
    margin-top: var(--change-password-btn-margin-top, 121px);
    font-weight: 400;
    cursor: pointer
}

.forgot-password-section .forgot-password-section_block .change_block>form {
    display: flow-root
}

.forgot-password-section .forgot-password-section_block .change_block>form .forgot-error_message {
    float: left;
    top: var(--forgot-password-error-top, 0);
    font-size: var(--font-size-2, 14px)
}

.forgot-password-section .forgot-password-section_block .change_block label {
    position: relative;
    top: var(--forgot-password-label-top, 10px);
    left: var(--forgot-password-left, 10px);
    padding: 0 8px;
    background-color: var(--forgot-password-label-background-color, #FFFFFF);
    color: var(--forgot-password-label-color, #FFFFFF);
    z-index: 1
}

.forgot-password-section .forgot-password-section_block .change_block label.label-on-error {
    color: var(--recovery-input-invalid-color, red)
}

.forgot-password-section .forgot-password-section_block .change_block .recovery_input {
    height: var(--recovery-input-height, 44px);
    border-radius: 6px;
    color: var(--recovery-input-color, #fff)
}

.forgot-password-section .forgot-password-section_block .change_block .recovery_input::placeholder {
    color: var(--recovery-input-placeholder-color, #dbedff);
    opacity: .3
}

.forgot-password-section .forgot-password-section_block .change_block .recovery_input.invalid-field {
    border-color: var(--recovery-input-invalid-color, red)
}

.forgot-password-section .forgot-password-section_block .change_block .recovery-btn {
    width: 100%;
    margin-top: var(--recovery-btn-margin-top, 24px);
    border-radius: 6px;
    background-image: var(--recovery-btn-background-image, linear-gradient(to bottom, #1376f8, #194074));
    font-size: var(--recovery-btn-font-size, 18px);
    font-weight: 400;
    color: var(--forgot-password-button-text-color, #FFFFFF)
}

.forgot-password-section .forgot-password-section_block .help_block p {
    margin-bottom: var(--forgot-password-help-text-margin-bottom, 8px);
    font-size: var(--font-size-2, 14px);
    line-height: 1.71;
    color: var(--forgot-password-help-text-color, #fff)
}

.forgot-password-section .forgot-password-section_block .help_block .support {
    font-size: var(--font-size-3, 16px);
    color: var(--forgot-password-section-text-color, #dbedff);
    text-decoration: underline;
    cursor: pointer
}

.forgot-password-section .registration_complete {
    margin-top: var(--recovery-success-message-margin-top, 35px);
    margin-bottom: var(--recovery-success-message-margin-bottom, 135px);
    color: var(--recovery-success-message-color, #0acc4c);
    text-align: center
}

.forgot-password-section .registration_complete i {
    font-size: 158px;
    color: #59c10f
}

.forgot-password-section .registration_complete h1 {
    font-weight: 500;
    font-size: var(--font-size-2, 14px);
    line-height: 1.71
}

.forgot-password-section app-validation-message {
    height: 16px
}

.password-recovery-section {
    background: #100718;
    min-height: calc(100vh - 62px);
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    color: #fff;
    color: var(--header-menu-item-text-color, #FFFFFF)
}

.password-recovery-section label,
.password-recovery-section h2 {
    color: var(--page-form-title-color, #FFFFFF)
}

.password-recovery-section_form {
    width: 612px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px
}

.password-recovery-section_form .form_row {
    margin: 10px 0
}

.password-recovery-section_form form {
    width: 60%;
    margin: 20px auto
}

.password-recovery-section_form form input {
    color: var(--page-form-field-text-color, #FFFFFF)
}

.password-recovery-section_form form label,
.password-recovery-section_form form h2 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%
}

.password-recovery-section .registration_complete {
    text-align: center;
    color: #414141;
    margin-top: 40px
}

.password-recovery-section .registration_complete i {
    font-size: 158px;
    color: #59c10f
}

.password-recovery-section .registration_complete h1 {
    font-size: 23px;
    font-weight: 400
}

.password-recovery-section.mobile-device label,
.password-recovery-section.mobile-device h2 {
    color: var(--m-page-form-title-color, #FFFFFF)
}

.password-recovery-section.mobile-device form input {
    color: var(--m-page-form-field-text-color, #fff)
}

@media (max-width: 1200px) {
    .password-recovery-section_form {
        width: 100%
    }
}

.text-align-center {
    text-align: center;
    margin: 0 auto
}

.history-section {
    border-radius: 6px;
    color: var(--account-content-item-color, #fff);
    min-height: var(--payment-section-content-width)
}

.history-section .block-head,
.history-section .bets-history-block-head {
    border-radius: 8px;
    background-image: var(--history-block-head-bg, linear-gradient(to bottom, #16233a, #151a23));
    padding-left: var(--history-block-head-pdleft, 16px);
    padding-right: var(--history-block-head-pdright, 16px);
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--history-block-head-mrgbottom, 8px);
    color: var(--history-block-head-color, #fff)
}

.history-section .block-head div,
.history-section .bets-history-block-head div {
    padding-top: 11px;
    padding-bottom: 11px;
    width: 16.6666666667%
}

.history-section .block-head div.info-btn-head,
.history-section .bets-history-block-head div.info-btn-head {
    width: 50px
}

.history-section section {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background-color: var(--history-block-section-bg, #16233a);
    padding: 15px 14px 32px;
    min-height: var(--history-block-section-height, 570px)
}

.history-section section .block,
.history-section section .bets-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.history-section section .block_item,
.history-section section .bets-block_item {
    width: 16.6666666667%
}

.history-section section .block_item .info-btn,
.history-section section .bets-block_item .info-btn {
    height: var(--history-info-btn-height, 25px);
    background: linear-gradient(180deg, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    border: none;
    color: var(--history-info-btn-color, #fff);
    font-size: var(--font-size-3, 16px);
    border-radius: 4px;
    cursor: pointer
}

.history-section section .block_item.info,
.history-section section .bets-block_item.info {
    width: 50px
}

.history-section section .pagination_section {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.history-section section.empty-block {
    background: var(--account-main-bg-color, #213454);
    align-items: center;
    justify-content: center;
    position: relative
}

.history-section section.empty-block .icon {
    font-size: 90px
}

.history-section .filter-panel {
    position: absolute;
    right: 0;
    top: 31px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.history-section .pagination_section {
    margin-top: 15px;
    text-align: center
}

.live-casino-section {
    background: var(--product-background-color, #FFFFFF)
}

.live-casino-section .grouped-products-content {
    margin: 0 auto;
    padding-top: 25px;
    overflow-x: auto;
    overflow-y: hidden
}

.live-casino-section .grouped-products-content_item {
    margin: 0 28px;
    cursor: pointer;
    background-repeat: no-repeat;
    position: relative;
    transition: all .3s
}

.live-casino-section .grouped-products-content_item img {
    border-radius: 10px
}

.live-casino-section .grouped-products-content_item .game-img-wrapper {
    transition: all .3s;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(39, 51, 70, .5)
}

.live-casino-section .grouped-products-content_item:hover {
    transform-origin: center center;
    transform: scale(1.05)
}

.live-casino-section .grouped-products-content_item:hover .game-img-wrapper {
    opacity: 1;
    bottom: 4px
}

.live-casino-section .grouped-products-content_item:hover .game-btn {
    display: inline-block
}

.live-casino-section .grouped-products-content_item .game-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 32px;
    line-height: 32px;
    padding: 0 19px;
    border-radius: 16px;
    color: var(--play-real-button-text-color, #FFFFFF);
    background: var(--play-real-button-background-color, #FFFFFF);
    display: none
}

.login-logo {
    display: var(--login-logo-display, block);
    margin: 0 auto;
    margin-top: var(--login-logo-margin-top, 37px);
    margin-bottom: var(--login-logo-margin-bottom, 24px)
}

.login-section {
    display: flex;
    align-items: center
}

.login-section input:-webkit-autofill,
.login-section input:-webkit-autofill:hover,
.login-section input:-webkit-autofill:focus,
.login-section input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s;
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important
}

.login-section.modal_section .form_field:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.login-section form {
    display: flex;
    width: 100%;
    align-items: center
}

.login-section .remember-me {
    display: var(--remember-me-display, unset);
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.login-section .remember-me input {
    display: var(--remember-me-checkbox-display, unset);
    cursor: pointer
}

.login-section .remember-me label.reg-conditions {
    display: var(--remember-me-label-display, unset);
    cursor: pointer;
    font-size: 15px;
    color: var(--login-title-color, #FFFFFF)
}

.login-section .remember-me .forgot_password {
    display: var(--forgot-password-display, unset)
}

.login-section_field {
    background: #ffffff;
    border-radius: 6px;
    line-height: unset;
    border: 2px solid #260F3A;
    background: transparent;
    padding: 0 16px;
    width: 100%;
    height: 64px;
    font-size: 14px;
    color: #d4d4d4;
    position: relative;
    display: flex;
    align-items: center
}

.login-section_field .inputText {
    width: 100%;
    outline: none;
    border: none;
    color: #d4d4d4;
    background: none;
    height: 100%
}

.login-section_field .floating-label {
    position: absolute;
    pointer-events: none;
    top: -10px;
    left: 10px;
    font-size: 16px;
    background: var(--register-background-color, #fff);
    padding-left: 4px;
    padding-right: 4px;
    color: #dbedff
}

.login-section_field .login-info-icon {
    display: var(--login-section-info-display, inline-block)
}

.login-section_field.invalid-field {
    border: 1px solid #ff4848
}

.login-section_field.invalid-field .floating-label {
    color: #ff4848
}

.login-section_field_top {
    position: relative
}

.login-section_field input {
    width: 93%;
    outline: none;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    text-indent: unset !important;
    color: var(--text-color, #FFFFFF);
    background: transparent;
    border-radius: 16px;
    border: none;
    font-weight: 400
}

.login-section_field input::-webkit-input-placeholder {
    color: var(--login-placeholder-color, #fff);
    font-weight: 400
}

.login-section_field input:-ms-input-placeholder {
    color: var(--login-placeholder-color, #fff);
    font-weight: 400
}

.login-section_field input::-moz-placeholder {
    color: var(--login-placeholder-color, #fff);
    font-weight: 400
}

.login-section.modal_section form {
    display: grid;
    text-align: center
}

.login-section.modal_section form input {
    font-family: Nunito, sans-serif
}

.login-section.modal_section form .social-login-text {
    text-align: center;
    margin-top: var(--social-login-text-margin-top, 60px);
    margin-bottom: var(--social-login-text-margin-bottom, 8px);
    color: var(--social-register-text-color, #ffffff);
    font-size: var(--social-register-text-font-size, 14px);
    cursor: default
}

.login-section.modal_section form ul {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: var(--login-social-icons-margin-bottom, 0)
}

.login-section.modal_section form ul li {
    height: var(--register-social-icons-height, 28px);
    width: var(--register-social-icons-width, 28px);
    margin-right: var(--register-social-icon-margin-right, 10px);
    background-size: cover;
    background-color: red;
    cursor: pointer
}

.login-section .fa-info-circle {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    color: #19212c
}

.login-section .login_btn {
    padding: 0 26px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    height: 64px
}

.login-section .forgot_password {
    cursor: pointer;
    font-size: 16px;
    color: var(--forgot-password-text-color, #ffffff);
    text-decoration: none;
    white-space: nowrap
}

.login-section.login_modal_section,
.login-section.login_modal_section .form_field,
.login-section.login_modal_section form {
    width: 100%
}

.login-section.login_modal_section button.login_btn {
    width: 100%;
    background: #EBFF00;
    background-image: none;
    color: #000;
    border-radius: 16px
}

.login-section.login_modal_section button.login_btn.not_active {
    pointer-events: none;
    border: 2px solid #EBFF00;
    background: #000;
    color: #ebff0080
}

.login-section-forgot_password {
    display: var(--login-section-forgot-password-display, inline-block)
}

app-app-confirm .remember-me {
    display: flex !important
}

.modal-content .login_PSection_redirect a {
    text-decoration: underline;
    margin-left: var(--login-redirect-href-text-margin-left, 15px);
    cursor: pointer;
    color: var(--login-redirect-href-text-color, #1376f8)
}

.router_section {
    display: flow-root
}

.open-game-section {
    width: 100%;
    height: auto
}

.open-game-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-bottom: 32px
}

.open-game-section__header-title {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    color: #fff
}

.open-game-section__header-wrapper {
    display: flex;
    align-items: center
}

.open-game-section__rating {
    display: flex;
    align-items: center;
    margin-right: 32px
}

.open-game-section__rating-icon {
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 12px
}

.open-game-section__rating-star,
.open-game-section__rating-star-filled {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: url(/assets/icons/rating-star.svg);
    background-repeat: no-repeat;
    background-position: top left
}

.open-game-section__rating-star {
    width: 100%;
    background-size: contain;
    opacity: .6
}

.open-game-section__rating-star-filled {
    opacity: 1
}

.open-game-section__rating-value {
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.open-game-section__btns {
    display: flex;
    align-items: center
}

.open-game-section__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border-radius: 16px;
    background-color: #ffffff1a;
    cursor: pointer;
    transition: all .3s
}

.open-game-section__btn:last-child {
    margin-right: 0
}

.open-game-section__btn:hover {
    transition: all .3s
}

.open-game-section__btn--favourite {
    background-color: #ff99001a
}

.open-game-section__btn--favourite:hover {
    background-color: #f003
}

.open-game-section__btn--favourite i {
    width: 20px;
    height: 18px
}

.open-game-section__btn--favourite-full {
    background-color: #ff99001a
}

.open-game-section__btn--favourite-full:hover {
    background-color: #f903
}

.open-game-section__btn--favourite-full i {
    width: 16px;
    height: 14px
}

.open-game-section__btn--full:hover path {
    fill: #f90
}

.open-game-section__btn--full i {
    width: 20px;
    height: 20px
}

.open-game-section__btn--close:hover path {
    fill: red
}

.open-game-section__btn--close i {
    width: 12px;
    height: 12px
}

.open-game-section__btn i {
    display: flex;
    align-items: center;
    justify-content: center
}

.open-game-section__btn i svg {
    width: 100%;
    height: 100%
}

.open-game-section__btn i path {
    transition: all .3s
}

.open-game-section__btn-real {
    flex-shrink: 0;
    width: 132px;
    height: 48px;
    margin-right: 32px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #0024e1;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transition: all .3s
}

.open-game-section__btn-real:hover {
    border: 3px solid #0024E1;
    background-color: transparent;
    transition: all .3s
}

.open-game-section__container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.open-game-section__container iframe {
    width: 100%;
    height: calc(100vh - 190px);
    border: none
}

.open-game-section__container iframe.in-fullscreen {
    min-height: 100%
}

.app-promotions {
    font-family: Montserrat, sans-serif
}

.app-promotions__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 64px;
    padding-left: 8px;
    padding-right: 8px
}

.app-promotions__header--title {
    margin: 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #fff
}

.app-promotions__header--buttons {
    display: flex;
    align-items: center;
    width: auto
}

.app-promotions__header-arrow {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 16px;
    background-color: #f90;
    outline: none;
    cursor: pointer
}

.app-promotions__header-arrow:first-child {
    margin-right: 12px
}

.app-promotions__header-arrow:hover {
    border: 3px solid #FF9900;
    background: #000000
}

.app-promotions__header-arrow:hover svg {
    fill: #f90
}

.app-promotions__header-all-btn {
    width: auto;
    height: 48px;
    margin-left: 36px;
    padding: 0 24px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #f90;
    font-weight: 700;
    font-size: 14px;
    font-family: Nunito, sans-serif;
    line-height: 24px;
    color: #000;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.app-promotions__header-all-btn:hover {
    border: 3px solid #FF9900;
    background: #000000;
    color: #f90;
    transition: all .3s
}

.app-promotions__carousel {
    margin-top: 24px
}

.app-promotions__carousel--item {
    margin-left: 8px;
    margin-right: 8px;
    outline: none !important
}

.app-promotions__ngx-slick-carousel {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.app-promotions__ngx-slick-carousel .app-promotions__carousel--item {
    width: 360px;
    height: 360px
}

@media (max-width: 1919px) {
    .app-promotions__ngx-slick-carousel .app-promotions__carousel--item {
        width: 301px;
        height: 304px
    }
}

@media (max-width: 1679px) {
    .app-promotions__ngx-slick-carousel .app-promotions__carousel--item {
        width: 264px;
        height: 268px
    }
}

.app-promotions__ngx-slick-carousel .app-promotions__banners--carousel--title {
    padding-top: 0;
    text-align: left
}

@media (max-width: 1679px) {
    .app-promotions__ngx-slick-carousel .app-promotions__banners--carousel--title {
        font-size: 24px;
        line-height: 32px
    }
}

.app-promotions__ngx-slick-carousel .slick-list {
    max-width: 1488px
}

@media (max-width: 1919px) {
    .app-promotions__ngx-slick-carousel .slick-list {
        max-width: 1252px
    }
}

@media (max-width: 1679px) {
    .app-promotions__ngx-slick-carousel .slick-list {
        max-width: 1104px
    }
}

@media (max-width: 1439px) {
    .app-promotions__ngx-slick-carousel .slick-list {
        max-width: 824px
    }
}

.app-promotions .slick-dotted.slick-slider {
    margin: 0
}

.app-promotions__banners {
    height: auto;
    margin-top: 64px;
    padding: 64px 0;
    border-radius: 20px;
    background-size: cover;
    background: url(/assets/images/promotions-background.png) no-repeat center center;
    text-align: center
}

.app-promotions__banners--title {
    margin: 0 0 24px;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    color: #fff
}

.app-promotions__banners--description {
    margin: 0 0 36px;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    color: #fff
}

.app-promotions__banners--carousel {
    margin: 0 48px
}

@media (max-width: 1679px) {
    .app-promotions__banners--carousel {
        margin: 0 24px
    }
}

@media (max-width: 1439px) {
    .app-promotions__banners--carousel {
        margin: 0 54px
    }
}

.app-promotions__banners--carousel--title {
    margin: 0;
    padding-top: 24px;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #fff
}

.app-promotions__banners--buttons {
    width: 48px;
    height: 48px
}

.app-promotions__banners--buttons button {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 16px;
    background-color: #000;
    outline: none;
    cursor: pointer
}

.app-promotions__banners--buttons button:hover {
    background-color: #f90
}

.app-promotions__banners--buttons button:hover svg {
    fill: #000
}

.app-promotions__banners--buttons button svg {
    fill: #f90
}

.app-promotions__banners--buttons.left {
    margin-right: 48px
}

@media (max-width: 1679px) {
    .app-promotions__banners--buttons.left {
        margin-right: 24px
    }
}

@media (max-width: 1439px) {
    .app-promotions__banners--buttons.left {
        margin-right: 54px
    }
}

.app-promotions__banners--buttons.right {
    margin-left: 48px
}

@media (max-width: 1679px) {
    .app-promotions__banners--buttons.right {
        margin-left: 24px
    }
}

@media (max-width: 1439px) {
    .app-promotions__banners--buttons.right {
        margin-left: 54px
    }
}

.app-promotions__titles {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
    width: 100%
}

.app-promotions__titles app-promotion-banner {
    width: 50%
}

.app-promotions__titles--additional-titles {
    display: flex;
    flex-direction: column;
    width: 50%
}

.app-promotions__titles--additional-titles app-promotion-banner {
    flex: 1;
    width: 100%
}

.app-promotions__titles--additional-titles app-promotion-banner:last-of-type {
    margin-top: 16px
}

.promotion__content--button {
    margin: 20px 0
}

.promotion__content--button #campaign_bonus {
    height: 56px;
    border: 3px solid transparent;
    border-radius: 20px;
    background: #0024e1;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    font-family: Nunito, sans-serif;
    text-align: center;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: transparent
}

.promotion__content--button #campaign_bonus:hover {
    background-color: #f90;
    color: #000
}

.promotion__content--button #campaign_bonus:active {
    border-color: #f90;
    background-color: #ff9900b3;
    color: #000
}

.settings-section {
    display: flex;
    gap: var(--account-small-gap, 6px);
    height: var(--payment-section-content-width)
}

.settings-section ::placeholder {
    color: var(--settings-field-color, rgba(255, 255, 255, .6)) !important
}

.settings-section .settings-section_title {
    color: var(--settings-title-color, #180000)
}

.settings-section .client-statuses {
    display: flex;
    flex-wrap: wrap
}

.settings-section .client-statuses .cs-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    padding: 5px 10px 5px 0
}

.settings-section .self-limitation table td {
    padding: 5px
}

.settings-section .self-limitation input {
    height: 30px;
    padding: 10px;
    text-align: right
}

.settings-section .self-limitation input.active_item {
    border: 1px solid rgba(219, 237, 255, .8)
}

.settings-section .self-limitation .session-limit {
    display: flex;
    align-items: center;
    margin-left: 7px;
    margin-bottom: 10px
}

.settings-section .self-limitation .session-limit input {
    margin-left: 10px
}

.settings-section .self-limitation .session-limit span {
    display: inline-block;
    margin-left: 10px
}

.settings-section .self-limitation .session-limit .error-message {
    margin-left: 10px
}

.settings-section .self-exclusion-box .se-row {
    display: flex;
    align-items: center
}

.settings-section .self-exclusion-box .se-row>* {
    margin-right: 10px
}

.settings-section h3 {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff9
}

.settings-section .submit-details {
    position: absolute;
    bottom: 55px;
    display: flex;
    gap: 22px;
    width: 100%
}

.settings-section .submit-details .setting_btn {
    width: 50%;
    font-size: var(--font-size-5, 20px);
    font-weight: 500
}

.settings-section .submit-details .setting_btn.cancel_btn {
    background: var(--settings-cancel-btn-bg, rgba(13, 18, 32, .5))
}

.settings-section .setting_btn {
    background: linear-gradient(to bottom, var(--settings-button-gradient-first-color, #FFFFFF) 0%, var(--settings-button-gradient-second-color, #FFFFFF) 100%);
    color: var(--settings-button-text-color, #FFFFFF);
    font-weight: 700;
    padding: 0 20px;
    font-weight: 500;
    font-size: var(--font-size-5, 20px)
}

.settings-section .change-password_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - var(--account-content-header-underline-margin-top) - var(--account-content-header-underline-margin-bottom));
    padding-bottom: 20px
}

.settings-section .change-password_form .change-password-inputs {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.settings-section .change-password_form .form_row {
    margin: 0;
    line-height: unset
}

.settings-section .change-password_form .form_row input {
    margin: 10px 0 8px
}

.settings-section .change-password_form .change-btn {
    width: 100%
}

.settings-section .change_details {
    display: flex;
    width: 100%
}

.settings-section .change_details_form .form_row,
.settings-section .change_details_form .form_row2,
.settings-section .change_details_form .form_row3 {
    float: none;
    margin: 0
}

.settings-section .change_details_form .form_row .form_field .active_item,
.settings-section .change_details_form .form_row2 .form_field .active_item,
.settings-section .change_details_form .form_row3 .form_field .active_item {
    border: 1px solid rgba(219, 237, 255, .8)
}

.settings-section .change_details_form .form_row .form_field button.active_item,
.settings-section .change_details_form .form_row2 .form_field button.active_item,
.settings-section .change_details_form .form_row3 .form_field button.active_item {
    border: none
}

.settings-section .change_details_form .form_row2 .birth_date {
    width: 50%;
    margin-right: 20px
}

.settings-section .change_details_form .form_row2 .birth_date .birth_date_select {
    display: flex;
    margin-top: 10px
}

.settings-section .change_details_form .form_row2.verify_row {
    gap: 20px
}

.settings-section .change_details_form .form_row2.verify_row .form_field {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.settings-section .change_details_form .form_row2.verify_row .form_field input {
    width: 100% !important
}

.settings-section .change_details_form .form_row2.verify_row .form_field button {
    margin-right: 0;
    width: 104px;
    height: auto;
    line-height: unset;
    white-space: nowrap;
    padding: 0
}

.settings-section .change_details_form .form_row2.verify_row .form_field button.verify_btn {
    font-size: var(--font-size-3, 16px);
    padding: 0 12px;
    margin: 10px 0 24px
}

.settings-section .change_details_form .form_row.currency {
    margin-bottom: 53px
}

.settings-section .comment {
    padding-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #dbedff
}

.settings-section input,
.settings-section select {
    border: 1px solid rgba(219, 237, 255, .8)
}

.settings-section input:not(.choose_input),
.settings-section select:not(.choose_input) {
    padding-left: 16px;
    border: none;
    border-radius: 6px;
    background: var(--account-content-item-bg-color);
    font-size: var(--font-size-3, 16px);
    color: var(--settings-field-color, rgba(255, 255, 255, .6));
    text-indent: 0
}

.settings-section_nav-tabs {
    border-bottom: none;
    color: var(--settings-nav-teb-color, #180000)
}

.settings-section_nav-tabs li {
    width: 33.3%;
    padding: 10px;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    white-space: nowrap;
    cursor: pointer
}

.settings-section_nav-tabs li a {
    position: relative;
    display: block;
    text-align: left;
    cursor: pointer
}

.settings-section_nav-tabs li.active {
    text-decoration: underline
}

.settings-section .tab-content {
    height: auto;
    margin: 0;
    padding: var(--account-content-row-paddding);
    border-radius: 6px;
    background: var(--account-main-bg-color)
}

.settings-section .tab-content.left-part {
    width: calc(100% - var(--enter-payment-info-width))
}

.settings-section .tab-content.left-part .change_details_form {
    position: relative;
    height: 100%
}

.settings-section .tab-content.right-part {
    width: var(--enter-payment-info-width)
}

.settings-section .tab-content .settings_header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.settings-section .tab-content .settings_header .settings_edit {
    display: flex;
    align-items: center;
    gap: 14px
}

.settings-section .tab-content .settings_header .settings_edit_text {
    padding: 0 !important;
    border: none;
    background: none !important;
    color: var(--account-edit-color, #4AA4FF);
    text-decoration: underline;
    cursor: pointer
}

.settings-section .tab-content .underline {
    height: 1px;
    margin-top: var(--account-content-header-underline-margin-top, 10px);
    margin-bottom: var(--account-content-header-underline-margin-bottom, 24px);
    border-radius: 6px;
    background: var(--account-content-header-underline-bg, linear-gradient(180deg, #48628E 0%, #111723 100%));
    box-shadow: var(--account-content-header-underline-shadow, 0 4px 8px rgba(0, 0, 0, .94))
}

.settings-section .form_field__top .change_name {
    border: 1px solid var(--select-file-border-color, #999) !important;
    background-color: var(--setting-btn-background-color, #7ba011);
    text-indent: 0;
    color: var(--select-file-color, #303030) !important
}

.choose_input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    -webkit-appearance: none
}

.form_field__top {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.form_field__top ::placeholder {
    text-align: center;
    color: #fff
}

.form_field__top .change_name {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 40px;
    border-radius: 3px;
    background-color: #fff;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    vertical-align: middle;
    box-sizing: border-box;
    pointer-events: none
}

.form_field__top .choose-file-button {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 16px;
    background: rgba(0, 36, 225, .2);
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff80;
    text-align: left
}

.form_field__top .choose-file-button--uploaded {
    display: flex;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff
}

.form_field__top .choose-file-button__close {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: auto
}

.form_field__top .choose-file-button__close:before,
.form_field__top .choose-file-button__close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 2px;
    background-color: red;
    transition: all .3s
}

.form_field__top .choose-file-button__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.form_field__top .choose-file-button__close:after {
    transform: translate(-50%, -50%) rotate(135deg)
}

.form_field__top .choose-file-button.file {
    color: #fff
}

.form_field__top .choose-file-button fa-icon {
    padding-left: 12px;
    padding-right: 8px;
    color: #0024e1
}

.form_field__top .choose-file-button img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
    object-position: center
}

.form_field__top ::placeholder {
    color: var(--select-file-color, #303030) !important
}

.tab-content {
    display: none;
    margin-top: 20px
}

.active-tab {
    display: block
}

.active_item {
    pointer-events: unset
}

.disable_item {
    border-color: #cecece !important;
    pointer-events: none;
    opacity: .8
}

.form_field select option {
    color: var(--text-color, #FFFFFF)
}

.mobile-verify-info {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile-verify-info .not_receiveCode {
    position: absolute;
    right: 0;
    display: inline-block;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    text-decoration: underline
}

.mobile-verify-info .success_message,
.mobile-verify-info .error_message {
    position: absolute;
    max-width: 310px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.form_field .part_width {
    width: 50%
}

.form_row2 {
    margin: 0
}

.form_row2 .form_field .part_width {
    float: left;
    width: 50%;
    border: none
}

.form_row2 .form_field input,
.form_row2 .form_field .mobile_verify {
    margin: 10px 0 24px
}

.verification-message,
.se-message {
    padding-left: 10px;
    line-height: 24px
}

.verification-message ul,
.se-message ul {
    padding-left: 20px;
    padding-right: 20px;
    list-style: circle
}

.verification-message a,
.se-message a {
    color: #f90;
    text-decoration: none;
    transition: all .3s
}

.verification-message a:hover,
.se-message a:hover {
    text-decoration: underline;
    transition: all .3s
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.bet-selections-info {
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse
}

.bet-selections-info__tr {
    display: table;
    width: 100%;
    height: 48px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px
}

.bet-selections-info__td {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px
}

.bet-selections-info__tbody {
    display: block;
    width: 100%;
    height: auto;
    max-height: 240px;
    border-radius: 6px;
    background: #16233A;
    color: #fff;
    overflow-y: auto
}

.form_row2 .verify_field {
    width: 30%
}

.form_row2 .verify_field_col2 {
    display: flex;
    width: 50%
}

.mobile_verify {
    font-size: 28px;
    font-weight: 700;
    color: #0fa989
}

#cash {
    width: 100%;
    height: 800px;
    border: 0;
    border-radius: 20px
}

@media (max-width: 1439px) {
    #cash {
        height: 870px
    }
}

.BankAccountNumber-item {
    z-index: 99999;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 13px;
    background: #717171;
    position: inherit;
    border-bottom: 1px solid #f6f5f5;
    cursor: pointer
}

.payment-list {
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 4px 16px;
    background: #f2f2f2;
    border-radius: 8px;
    margin-bottom: 16px
}

.payment-list .current-item {
    font-size: 20px
}

.payment-list .current-item img {
    height: 50px
}

.payment-list .current-item span {
    margin-left: 60px;
    margin-right: 6px;
    white-space: nowrap
}

.payment-section {
    font-size: var(--account-content-item-font-size);
    color: var(--account-content-item-color, #fff)
}

.payment-section .account_title {
    padding: 0 10px
}

.payment-section .scrallablePart {
    max-height: 705px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.payment-section .scrallablePart.shortHeight {
    max-height: 370px
}

.payment-section_content .payment_header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: var(--account-content-header-font-size, 16px)
}

.payment-section_content .underline {
    height: 1px;
    background: var(--account-content-header-underline-bg, linear-gradient(180deg, #48628E 0%, #111723 100%));
    box-shadow: var(--account-content-header-underline-shadow, 0 4px 8px rgba(0, 0, 0, .94));
    border-radius: 6px;
    margin-top: var(--account-content-header-underline-margin-top, 10px);
    margin-bottom: var(--account-content-header-underline-margin-bottom, 24px)
}

.payment-section_content #cashier iframe {
    border: 0;
    max-height: 100%
}

.payment-section_content_block {
    width: 100%;
    display: flex;
    min-height: var(--payment-section-content-width, 755px);
    align-items: stretch;
    gap: 128px
}

@media (max-width: 1919px) {
    .payment-section_content_block {
        gap: 128px
    }
}

@media (max-width: 1679px) {
    .payment-section_content_block {
        gap: 64px
    }
}

@media (max-width: 1439px) {
    .payment-section_content_block {
        gap: 8px
    }
}

@media (max-width: 1279px) {
    .payment-section_content_block {
        flex-direction: column
    }
}

.payment-section_content_block .payment-list-column {
    overflow-y: hidden;
    border-radius: 20px
}

.payment-section_content_block .breakline {
    flex-basis: 2px;
    background: #1a38a433;
    min-height: 1px
}

@media (max-width: 1279px) {
    .payment-section_content_block .breakline .breakline {
        display: none
    }
}

.payment-section_content_block .withdrawal {
    border: none
}

.payment-section_content_block .content_row {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    color: var(--account-content-item-color, #fff);
    background-color: transparent
}

.payment-section_content_block .content_row.right-part {
    width: var(--enter-payment-info-width, 550px);
    height: 100%;
    overflow: hidden
}

@media (max-width: 1439px) {
    .payment-section_content_block .content_row.right-part {
        width: 100%
    }
}

.payment-section_content_block .content_row.right-part .form-column {
    margin-top: 45px;
    padding: 0;
    height: auto
}

.payment-section_content_block .content_row.right-part .deposit_payment_section {
    height: 96%;
    width: 560px
}

.payment-section_content_block .content_row.right-part .deposit_payment_section__form {
    height: 100%
}

.payment-section_content_block .content_row.right-part .deposit_payment_section__form form {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.payment-section_content_block .content_row.right-part .deposit_payment_section__form form .scrallablePart {
    padding-right: 8px;
    max-height: 500px
}

.payment-section_content_block .content_row .payment_field {
    padding: 0;
    text-indent: 10px
}

.payment-section_content_block .content_row .craft_btn {
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px
}

.payment-section .betshops-list {
    margin-top: 25px;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 35px
}

.payment-section .betshops-list ul li {
    font-size: 14px;
    padding: 0 14px;
    cursor: pointer;
    font-weight: 600
}

.payment-section .user-account-item {
    width: 100%;
    margin-top: 12px;
    padding: 5px 7px
}

.payment-section .user-account-item span {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin: 0 13px
}

.payment-section .activate-bonus-header {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left
}

.payment-section .activate-bonus-btn {
    width: 100%;
    margin-top: 8px;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 4px;
    background-color: var(--activate-bonus-btn-background-color, #02887e);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    opacity: .9;
    border: none;
    cursor: pointer
}

.payment-section .activate-bonus-type-box {
    display: flex;
    justify-content: space-between
}

.payment-section .activate-bonus-type-box button {
    outline: none;
    flex: 1;
    margin-top: 10px;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    opacity: .8
}

.payment-section .activate-bonus-type-box button:first-of-type {
    margin-right: 5px
}

.payment-section .activate-bonus-type-box button:last-of-type {
    margin-left: 5px
}

.payment-section .activate-bonus-type-box button.selected {
    opacity: 1
}

.betshop_section {
    color: var(--account-content-item-color, #fff);
    height: 250px;
    overflow-x: hidden;
    padding: 0 0 0 35px;
    margin-right: 18px;
    overflow-y: auto;
    width: 100%;
    margin-bottom: 25px;
    position: relative
}

.betshop_section__mobile {
    margin-right: 0;
    padding: 0;
    height: 100px
}

.betshop_section__item {
    line-height: 38px;
    font-family: Akrobat-SemiBold;
    font-size: 19px
}

.betshop_section .subItem {
    height: 38px;
    line-height: 38px;
    font-family: Akrobat-SemiBold;
    font-size: 19px;
    padding-left: 20px;
    width: 95%;
    margin: 5px 0;
    border-radius: 20px
}

.betshop_section .subItem.selected {
    background: rgba(135, 143, 162, .79)
}

.betshop_section .subItem:hover {
    background: rgba(135, 143, 162, .45)
}

.BankAccountNumber-item {
    z-index: 99999;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 13px;
    background: #717171;
    position: inherit;
    border-bottom: 1px solid #f6f5f5;
    cursor: pointer
}

.section {
    background: #101824
}

.section_content {
    margin: 0 auto;
    background: var(--footer-section-content-background-color, #ffffff);
    height: 100%
}

.section_list {
    padding: 15px
}

.section_list .Name {
    font-size: var(--footer-sections_content_Name-font-size, 25px);
    font-weight: var(--footer-sections_content_Name-font-weight, bold);
    color: var(--footer-sections_content_Name-color, #000);
    line-height: 35px
}

.section_list .Content {
    font-size: var(--footer-sections_content-font-size, 16px);
    font-weight: var(--footer-sections_content-font-weight, normal);
    color: var(--footer-sections_content-color, #000)
}

.modal-content {
    max-width: 1000px !important
}

.modal-content.user-info-content {
    display: inline-grid
}

.modal-content h3 {
    font-weight: 500;
    color: #303030;
    font-size: 20px;
    padding: 10px 0;
    margin: 15px 0
}

.modal-content h1 {
    font-size: 24px;
    line-height: 30px;
    float: left;
    color: #303030;
    font-weight: 700
}

.modal-content__first-login {
    max-width: 400px !important
}

.modal-content__first-login .modal-body {
    width: 100%;
    text-align: center
}

.user-info-content .user-history-content table tr td:nth-of-type(6) {
    width: 192px;
    word-break: break-all
}

.user-info-content {
    margin-top: 100px !important;
    padding: var(--ticket-info-padding, 32px);
    width: var(--ticket-info-width, 1220px) !important;
    max-width: unset !important
}

.user-info-content .user_info_modal_content {
    margin: 0
}

.user-info-content .ticket-info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.user-info-content .ticket-info-header p {
    margin: 0;
    font-size: var(--font-size-4, 18px);
    color: var(--ticket-info-header-color, #3A3333);
    font-weight: 700
}

.user-info-content .ticket-info-header fa-icon {
    border-radius: 100%;
    background: #20232C;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.user-info-content .ticket-info-header fa-icon svg {
    color: #fff
}

.user-info-content .user-history-content {
    max-height: 445px;
    overflow-y: auto
}

.user-info-content .user-history-content span {
    font-weight: 700;
    font-size: 16px;
    color: #000
}

.user-info-content .user-history-content h3 {
    font-size: var(--font-size-4, 18px);
    font-weight: 700
}

.user-info-content .user-history-content .bet-selections .short-column {
    width: var(--ticket-short-column-width, 130px);
    overflow: hidden;
    text-overflow: ellipsis
}

.user-info-content .user-history-content .bet-selections .short-column:hover {
    text-overflow: unset;
    overflow-wrap: anywhere
}

.user-info-content .user-history-content .bet-selections_header {
    display: flex;
    margin-bottom: 4px;
    background: #D8D8D8;
    justify-content: space-between;
    padding: 7px 24px;
    border-radius: 4px;
    gap: 5px;
    font-weight: 700
}

.user-info-content .user-history-content .bet-selections_header div {
    width: calc(100% - 850px)
}

.user-info-content .user-history-content .bet-selections_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: #EBEBEB;
    border-radius: 4px
}

.user-info-content .user-history-content .bet-selections_content .content-row {
    display: flex;
    justify-content: space-between;
    gap: 5px
}

.user-info-content .user-history-content .bet-selections_content .content-row .short-column {
    width: var(--ticket-short-column-width, 130px)
}

.user-info-content .user-history-content .bet-selections_content .content-row div {
    width: calc(100% - 850px)
}

.user-info-content .user-history-content table {
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.user-info-content .user-history-content table tr {
    background: rgba(250, 250, 250, .8)
}

.user-info-content .user-history-content table tr.won {
    background: var(--history-item-won-background-color, #FFFFFF)
}

.user-info-content .user-history-content table tr.lost {
    background: var(--history-item-lost-background-color, #FFFFFF)
}

.user-info-content .user-history-content table tr:nth-child(1) {
    background: #F2F2F2
}

.user-info-content .user-history-content table tr:nth-child(1) td {
    padding: 5px
}

.user-info-content .user-history-content table tr td {
    padding: 10px;
    border: 0
}

@media (max-width: 500px) {
    .modal-content__first-login {
        max-width: 85% !important
    }
}

.mobile-casino-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 70px);
    margin-top: 78px
}

.mobile-casino-section .mobile-promotions {
    margin-top: 0
}

.mobile-casino-section .banner_image {
    width: 100%;
    height: var(--m-casino-banner-height, 326px)
}

.mobile-casino-section .banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 0 16px 16px
}

.mobile-casino-section .banner-content .banner-description {
    font-weight: 700;
    font-size: 20px;
    color: var(--m-casino-banner-descript-color, #DBEDFF)
}

.mobile-casino-section .banner-content .banner-content-description {
    font-weight: 700;
    font-size: 22px;
    color: var(--m-casino-banner-content-color, #0C6BE8)
}

.mobile-casino-section .pagination_section {
    height: 50px;
    margin-top: 25px;
    font-size: 13px;
    text-align: center
}

.mobile-casino-section .casino-games-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 12px auto;
    padding: 0 20px;
    font-family: Nunito, sans-serif
}

@media (max-width: 767px) {
    .mobile-casino-section .casino-games-menu {
        margin: 0 auto 12px
    }
}

@media (max-width: 1439px) {
    .mobile-casino-section .casino-games-menu {
        margin: 0 auto 64px
    }
}

.mobile-casino-section .casino-games-menu .input-wrapper {
    position: relative;
    display: flex;
    flex-basis: 100%;
    gap: 16px
}

.mobile-casino-section .casino-games-menu .input-wrapper>* {
    flex: 1
}

.mobile-casino-section .casino-games-menu .nav-tabs {
    width: 65%;
    height: 47px;
    border-bottom: none
}

.mobile-casino-section .casino-games-menu .nav-tabs li {
    position: relative;
    display: inline-block;
    outline: none;
    z-index: 2
}

.mobile-casino-section .casino-games-menu .nav-tabs li.active {
    background: #006550
}

.mobile-casino-section .casino-games-menu .nav-tabs li a {
    height: 100%;
    padding: 0 25px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.mobile-casino-section .casino-games-menu .custom_select {
    position: relative;
    height: 56px;
    padding: 18px 12px;
    background: #15165d
}

.mobile-casino-section .casino-games-menu .custom_select option {
    background: #15165d
}

.mobile-casino-section .casino-games-menu .search_field,
.mobile-casino-section .casino-games-menu .filter_field {
    height: 56px;
    padding-right: 18px;
    border-radius: 20px;
    background: #15165d
}

@media (max-width: 767px) {

    .mobile-casino-section .casino-games-menu .search_field,
    .mobile-casino-section .casino-games-menu .filter_field {
        padding-right: 8px
    }
}

.mobile-casino-section .casino-games-menu .search_field .search_input,
.mobile-casino-section .casino-games-menu .filter_field .search_input {
    flex: 1;
    min-width: 100px;
    height: 100%;
    padding: 18px 12px;
    border: none;
    background: transparent;
    outline: none
}

.mobile-casino-section .casino-games-menu .search_field .search_input::placeholder,
.mobile-casino-section .casino-games-menu .filter_field .search_input::placeholder {
    color: #fff
}

.mobile-casino-section .casino-games-menu .search_field .search-icon,
.mobile-casino-section .casino-games-menu .filter_field .search-icon {
    width: 32px;
    height: 32px;
    border: none;
    cursor: default
}

.mobile-casino-section .casino-games-menu .search_field button,
.mobile-casino-section .casino-games-menu .filter_field button {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 10px;
    border: none;
    background: var(--m-casino-field-bg, #1D2E4A);
    outline: none
}

.mobile-casino-section .filter-game-section_items {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto
}

.mobile-casino-section .filter-game-section_items .product_list__1 {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 3px));
    grid-template-rows: auto;
    grid-gap: 4px;
    justify-content: center
}

@media (max-width: 1023px) {
    .mobile-casino-section .filter-game-section_items .product_list__1 {
        grid-template-columns: repeat(3, calc(33.333% - 2.6666666667px))
    }
}

@media (max-width: 767px) {
    .mobile-casino-section .filter-game-section_items .product_list__1 {
        grid-template-columns: repeat(2, calc(50% - 4px));
        grid-gap: 8px
    }
}

@media screen and (orientation: landscape) and (min-width: 1025px) and (max-width: 1366px) {
    .mobile-casino-section .filter-game-section_items .product_list__1 {
        grid-gap: 0;
        grid-column-gap: 4px;
        grid-row-gap: 16px
    }
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 8px;
    background: rgba(26, 56, 164, .2)
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item:hover {
    background: #1A38A4
}

@media screen and (orientation: landscape) and (max-width: 1366px) {
    .mobile-casino-section .filter-game-section_items .product_list__1 .item {
        max-width: 312px
    }
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item.active-item {
    background: #1A38A4
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item.active-item .game-img-wrapper {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(26, 56, 164, 0) 0%, #1A38A4 100%)
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item.active-item .game-open {
    visibility: visible
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-img {
    position: relative;
    width: 100%;
    height: 152px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media screen and (orientation: landscape) and (max-width: 1366px) {
    .mobile-casino-section .filter-game-section_items .product_list__1 .item .game-img {
        height: 198px
    }
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-open {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    text-align: center;
    visibility: hidden
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-open.game-open-center {
    height: 100%
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-open.game-open-center .game-btn_real {
    top: 65%
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-btn {
    position: absolute;
    left: 5%;
    display: inline-block;
    width: 90%;
    height: 48px;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
    text-transform: uppercase;
    cursor: pointer
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-btn_real {
    top: 20%;
    background: #FF9900;
    color: #000000de
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-btn_real:hover {
    border: 2px solid #FF9900;
    background: #000;
    color: #f90
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-btn_demo {
    top: 15%;
    border: 2px solid #FF9900;
    background: #000;
    color: #f90
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-btn_demo:hover {
    background: #FF9900;
    color: #000
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 6px 8px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    color: var(--casino-game-title-color, #FFFFFF)
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title-text {
    max-width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title__heart {
    color: #f90
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title__heart.favorite {
    color: red
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title .ng-fa-icon {
    cursor: pointer
}

.mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title .game-rating__star {
    margin-left: 12px;
    margin-right: 6px;
    color: #f90
}

@media screen and (max-width: 700px) {
    .mobile-casino-section .casino-games-menu {
        padding: 0 16px
    }

    .mobile-casino-section .casino-games-menu .input-wrapper {
        flex-direction: column
    }

    .mobile-casino-section .casino-games-menu .input-wrapper:after {
        right: 22px
    }

    .mobile-casino-section .casino-games-menu .dropdown-wrapper:after {
        right: 21px
    }

    .mobile-casino-section .filter-game-section_items .product_list__1 .item .game-img {
        height: 100px;
        border-radius: 5px
    }

    .mobile-casino-section .filter-game-section_items .product_list__1 .item .game-title {
        height: 32px
    }

    .mobile-casino-section .filter-game-section_items .product_list__1 .item .game-btn {
        height: 36px
    }
}

.mobile-casino-section .default_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #cecece;
    -webkit-box-shadow: inset 0 0 6px #CECECE
}

.mobile-casino-section .default_scroll::-webkit-scrollbar {
    width: 7px;
    background-color: transparent
}

.mobile-casino-section .default_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0fa989;
    -webkit-box-shadow: inset 0 0 6px #0fa989
}

.mobile-casino-section .more-button {
    width: -moz-fit-content;
    width: fit-content;
    margin: 54px auto;
    padding: 8px 12px;
    border: 1px solid var(--casino-game-title-color, #FFFFFF);
    border-radius: 4px;
    background: transparent;
    font-size: var(--font-size-3, 16px);
    color: var(--casino-game-title-color, #FFFFFF);
    box-sizing: border-box
}

.mobile-casino-section .more-button span {
    margin-left: 16px;
    color: var(--casino-more-btn-color, #007AFF)
}

.mobile-casino-section .icon-next-arrow {
    position: fixed;
    bottom: var(--m-to-top-btn-bottom, 85px);
    right: 8px;
    padding: 12px;
    border-radius: 100%;
    background-image: var(--casino-to-top-bgImage, linear-gradient(to bottom, #1376f8, #194074));
    background-color: var(--casino-to-top-background-color, unset);
    transform: rotate(-90deg)
}

.mobile-casino-section .categories-container {
    display: flex;
    flex-basis: 100%;
    margin: 24px 0;
    overflow: scroll
}

.mobile-casino-section .categories-container::-webkit-scrollbar {
    display: none
}

.mobile-casino-section .categories-container .casino-categories {
    display: flex;
    gap: 7px;
    overflow-y: hidden;
    overflow-x: auto
}

.mobile-casino-section .categories-container .casino-categories::-webkit-scrollbar {
    display: none
}

.mobile-casino-section .categories-container .casino-categories_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 132px;
    height: 170px;
    border: 3px solid #15165d;
    border-radius: 10px;
    background: #0f0d4b;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    outline: none
}

.mobile-casino-section .categories-container .casino-categories_item img {
    width: 104px;
    height: 104px;
    margin: 14px
}

.mobile-casino-section .categories-container .casino-categories_item.active {
    background: #15165d;
    color: #f90;
    outline: none
}

.mobile-casino-section .categories-container .casino-categories_item.active .highlight-tile {
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 6px;
    border-radius: 10px;
    background: #FF9900;
    filter: blur(20px)
}

.mobile-casino-section .providers-popup {
    position: fixed;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    background: var(--m-casino-providers-bg, #131A2C);
    transition: top 2s linear
}

.mobile-casino-section .providers-popup.show {
    top: var(--m-header-panel1-height);
    height: 100vh
}

.mobile-casino-section .providers-popup.hide {
    top: 900px
}

.mobile-casino-section .providers-popup header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--m-casino-providers-color, #FFFFFF)
}

.mobile-casino-section .providers-popup header .close-icon {
    font-size: 16px
}

.mobile-casino-section .providers-popup .filter_field .provider-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 1000
}

.mobile-casino-section .providers-popup .filter_field .provider-list li {
    width: calc((100% - 20px) / 3);
    height: 76px;
    border-radius: 4px;
    background-color: var(--m-providers-list-bg, #192438);
    font-size: 14px;
    line-height: 76px;
    color: var(--m-providers-list-color, #fff);
    text-align: center
}

.mobile-casino-section .providers-popup .filter_field .provider-list li.selected {
    border: solid 1px var(--m-provider-active-border, #0c6be8);
    background-color: var(--m-providers-list-selected-bg, #182740)
}

.mobile-casino-section .providers-popup .filter_field .search_field {
    position: relative;
    height: 32px;
    margin-bottom: 16px;
    border-radius: 4px;
    background: var(--m-providers-search-bg, #1D2E4A);
    color: #fff
}

.mobile-casino-section .providers-popup .filter_field .search_field input {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    text-indent: 5px;
    font-size: 14px;
    color: #fff
}

.mobile-casino-section .providers-popup .filter_field .search_field input::placeholder {
    color: #fff
}

.mobile-casino-section .providers-popup .filter_field .search_field .search-icon {
    position: absolute;
    right: 0;
    padding: 7px;
    border-radius: 4px;
    background: var(--m-providers-search-iconBg, #192438);
    font-size: 14px
}

@media (max-width: 1023px) {
    .mobile-casino-section .casino-game-section_banners {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    .mobile-casino-section .casino-game-section_banners {
        padding: 0 16px
    }
}

.mobile-casino-section .casino-game-section_banners .mobile {
    height: 480px
}

@media (max-width: 1439px) {
    .mobile-casino-section .casino-game-section_banners .mobile {
        height: 304px
    }
}

@media (max-width: 767px) {
    .mobile-casino-section .casino-game-section_banners .mobile {
        height: 480px
    }
}

.mobile-casino-section .casino-game-section_banners .mobile .carousel,
.mobile-casino-section .casino-game-section_banners .mobile .carousel .slick-list,
.mobile-casino-section .casino-game-section_banners .mobile .carousel .slick-list .slick-track {
    height: 100%
}

@media (max-width: 767px) {
    .mobile-casino-section .casino-game-section_banners .mobile .carousel .slick-list .slick-track .banner_blackout {
        height: 100%
    }
}

.mobile-payment-section {
    margin-top: 62px;
    min-height: calc(100vh - 62px);
    background: var(--m-user-views-background-color, #FFFFFF);
    color: #fff
}

.mobile-payment-section_content_block .content_col .form_field {
    margin-top: 5px
}

.mobile-payment-section_content_block .content_col input {
    color: #fff;
    border: 1px solid #cecece;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #0000004d
}

.mobile-payment-section .payment_list li.selected {
    border: 3px solid var(--m-deposit-selected-payment-border-color, #FFFFFF);
    border-radius: 3px
}

.mobile-payment-section .payment_list li img {
    background: white;
    height: 100%;
    max-width: 100%;
    width: 100%;
    border-radius: 3px;
    border: 5px solid var(--m-payment-img-border-color, #FFFFFF)
}

.mobile-payment-section .activate-bonus-header {
    margin-top: 10px
}

.mobile-payment-section .activate-bonus-btn {
    width: 100%;
    margin-top: 10px;
    color: #fff;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    cursor: pointer
}

.mobile-payment-section .activate-bonus-type-box {
    display: flex;
    justify-content: space-between
}

.mobile-payment-section .activate-bonus-type-box button {
    outline: none;
    flex: 1;
    margin-top: 10px;
    color: #fff;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    opacity: .8
}

.mobile-payment-section .activate-bonus-type-box button:first-of-type {
    margin-right: 5px
}

.mobile-payment-section .activate-bonus-type-box button:last-of-type {
    margin-left: 5px
}

.mobile-payment-section .activate-bonus-type-box button.selected {
    opacity: 1
}

.payment-deposit-btn {
    outline: none;
    width: 100%;
    color: #fff;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    cursor: pointer
}

.payment-deposit-btn-field {
    text-align: center
}

.mobile-payment-form-field__column_btn {
    border-top: 2px solid var(--settings-table-border-color-color);
    width: 100%;
    height: 100px
}

.mobile-payment-form-field__column_btn .default_btn {
    width: 100%;
    color: #fff;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px;
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    cursor: pointer
}

.mobile-deposit_payment_section__form_top .payment-form-field {
    line-height: 60px
}

.mobile-deposit_payment_section__form_top input[type=file] {
    width: 100%;
    border: none
}

.mobile-history-section {
    min-height: 100vh;
    background: var(--m-user-views-background-color, #FFFFFF);
    padding: 77px 16px 15px
}

.mobile-history-section__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mobile-history-section__header-item:first-child {
    margin-bottom: 16px
}

.mobile-history-section__header-item .dropdown-wrapper select {
    background-color: transparent;
    border-color: #2a161d
}

.mobile-history-section__header-item .dropdown-wrapper select[disabled] {
    pointer-events: none;
    opacity: 1
}

.mobile-history-section .caspor-table-mobile {
    margin: 24px 0 49px
}

.mobile-history-section .empty-placeholder {
    min-height: calc(100vh - 254px)
}

.mobile-history-section_title {
    text-align: center;
    font-size: 24px;
    font-weight: 400
}

.mobile-history-section .history-tools-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 20px 20px
}

.mobile-history-section .history-tools-panel label {
    color: var(--account-dropdown-label-color, #dadbe0)
}

.mobile-history-section .history-tools-panel .history-tools {
    margin-bottom: 10px
}

.mobile-history-section .history-tools-panel .history-tools:not(.mobile-history-section .history-tools-panel .history-tools:last-child) {
    display: flex;
    flex-direction: column;
    width: 48%
}

.mobile-history-section .history-tools-panel .history-tools:last-child {
    width: 100%
}

.mobile-history-section .history-tools-panel .history-tools select {
    height: 40px;
    padding: 0 8px;
    border-radius: 5px;
    border: 1px solid #dadada;
    outline: none;
    background: #19212c;
    color: #fff
}

.mobile-history-section .history-tools-panel .history-tools select option {
    background-color: var(--accoutPage-Dpd-background-color, transparentize);
    color: var(--accoutPage-Dpd-color, #000)
}

.mobile-history-section .history-tools-panel .history-tools select option:hover,
.mobile-history-section .history-tools-panel .history-tools select option:checked {
    background-color: var(--accoutPage-Dpd-checked-background-color, blue);
    color: var(--accoutPage-Dpd-checked-color, #fff)
}

.mobile-history-section .history-tools-panel .history-tools ::ng-deep .wc-date-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 8px;
    border-radius: 5px;
    border: 1px solid #dadada;
    outline: none;
    background: #19212c
}

.mobile-history-section .history-tools-panel .history-tools ::ng-deep .wc-date-container * {
    color: #fff
}

.mobile-history-section .history-tools-panel .history-tools .show-btn {
    background: var(--show-btn-background-color, #36b550);
    color: var(--show-btn-color, #fff);
    padding: 0 20px;
    margin-top: 8px
}

.mobile-history-section .history-tools-panel .history-tools .show-btn.craft_btn-mobile {
    background: var(--mobile-btn-background-color, #36b550);
    color: var(--mobile-btn-color, #fff)
}

.mobile-history-section .history-tools-panel .history-tools .show-btn:hover {
    background: var(--show-btn-hover-background-color, #36b550)
}

.mobile-history-section table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px
}

.mobile-history-section table tr {
    font-size: 12px;
    height: 36px
}

.mobile-history-section table tbody tr {
    background: #19212c;
    color: var(--m-history-table-title-color, #FFFFFF)
}

.mobile-history-section table tbody tr td {
    text-align: center;
    outline-offset: 10px;
    width: 80px
}

.mobile-history-section table tbody tr td.status-Deleted {
    color: var(--mobile-status-deleted-color, #000)
}

.mobile-history-section table tbody tr td.status-Cashouted {
    color: var(--mobile-status-cashouted-color, #000)
}

.mobile-history-section table tbody tr td.status-Lost {
    color: var(--mobile-status-lost-color, #000)
}

.mobile-history-section table tbody tr td.status-Won {
    color: var(--mobile-status-won-color, #000)
}

.mobile-history-section table tbody tr.status-Deleted {
    background-color: var(--mobile-status-deleted-background-color, #000)
}

.mobile-history-section table tbody tr.status-New {
    background-color: var(--mobile-status-new-background-color, #000)
}

.mobile-history-section table tbody tr.status-Cashouted {
    background-color: var(--mobile-status-cashouted-background-color, #000)
}

.mobile-history-section table tbody tr.status-Lost {
    background-color: var(--mobile-status-lost-background-color, #000)
}

.mobile-history-section table tbody tr.status-Won {
    background-color: var(--mobile-status-won-background-color, #000)
}

@media screen and (min-width: 601px) {
    .mobile-history-section {
        padding-top: 94px
    }

    .mobile-history-section__header {
        flex-direction: row
    }

    .mobile-history-section__header-item {
        width: 190px
    }

    .mobile-history-section__header-item:first-child {
        margin-bottom: 0
    }

    .mobile-history-section .empty-placeholder {
        min-height: calc(100vh - 199px)
    }
}

.login-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh
}

.mobile-login-section {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    height: calc(100vh - env(safe-area-inset-bottom));
    padding: 0 16px;
    background: var(--m-register-section-bg, linear-gradient(180deg, #131A2C 0%, #313D4C 105.44%))
}

.mobile-login-section input:-webkit-autofill,
.mobile-login-section input:-webkit-autofill:hover,
.mobile-login-section input:-webkit-autofill:focus,
.mobile-login-section input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s;
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important
}

.mobile-login-section .mobile-login-header {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    flex-grow: .25
}

.mobile-login-section .mobile-login-header .login-title {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.mobile-login-section .mobile-login-header fa-icon {
    color: #fff;
    position: relative;
    width: 36px;
    height: 36px
}

.mobile-login-section .mobile-login-header fa-icon svg {
    position: absolute;
    top: 8px;
    right: 12px
}

.mobile-login-section .mobile-login-header fa-icon:active {
    background-color: #ffffff1a;
    border-radius: 12px;
    position: relative;
    color: red
}

.mobile-login-section .floating-label {
    background-color: var(--m-signup-input-label-color, #202a3a)
}

.mobile-login-section .mobile-form_field_checked {
    display: flex;
    align-items: center;
    height: auto;
    margin-top: var(--m-form-field-check-margin-top, 9px)
}

.mobile-login-section .mobile-form_field_checked .reg-checkbox {
    width: 20px;
    height: 15px;
    margin-left: var(--m-form-field-check-margin-left, 0);
    color: #fff
}

.mobile-login-section .mobile-form_field_checked label {
    font-size: var(--m-form-checkbox-label-font-size, 14px);
    color: var(--m-form-checkbox-label-color, #fff)
}

.mobile-login-section.showPaddingTop {
    padding-top: 55px
}

.mobile-login-section .close-icon {
    color: red
}

.mobile-login-section .error-message {
    margin-top: 20px
}

.mobile-login-section .error-message .error-message-text {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 100%
}

.mobile-login-section .login-logo {
    display: var(--m-login-logo-display, block);
    width: var(--m-login-logo-width, 156px);
    height: var(--m-login-logo-height, 36px);
    margin: var(--m-login-logo-margin-top, 11px) auto var(--m-login-logo-margin-bottom, 29px)
}

.mobile-login-section_field_top {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border: none;
    background: var(--auth-form-field-background-color, transparentize)
}

.mobile-login-section_form {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.mobile-login-section_form .login_password {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    margin: 15px 0
}

.mobile-login-section .forgot_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 24px
}

.mobile-login-section .forgot_container .forgot_password {
    position: unset;
    font-size: 16px;
    color: #f90;
    text-decoration: none
}

.mobile-login-section .login_btn {
    width: 100%;
    height: 64px;
    margin-top: 8px;
    background: #EBFF00;
    font-size: 20px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    opacity: 1
}

.mobile-login-section .line {
    display: flex;
    align-items: center;
    margin: 18px 0
}

.mobile-login-section .line span {
    display: inline-block
}

.mobile-login-section .line span.left-line,
.mobile-login-section .line span.right-line {
    width: calc(50% - 10px);
    height: 1px;
    background: linear-gradient(180deg, rgba(194, 229, 255, .5) 0%, rgba(139, 173, 198, .5) 52.6%, rgba(81, 115, 139, .5) 100%)
}

.mobile-login-section .line span.text {
    margin: 0 3px;
    font-size: 10px;
    color: #fff
}

.mobile-login-section .btn-after .signUp_btn {
    width: 100%;
    border: 1px solid var(--m-signUp-btn-border-color, #8BADC6);
    background-image: var(--m-signUp-btn-background-image, linear-gradient(180deg, rgba(219, 237, 255, .15) 0%, rgba(6, 42, 88, .15) 100%));
    background-color: var(--m-signup-btn-background-color, unset);
    color: var(--m-settings-button-text-color, #FFFFFF)
}

.mobile-login-section .social-login-text {
    margin-top: var(--m-social-login-text-margin-top, 50px);
    margin-bottom: var(--m-social-login-text-margin-bottom, 8px);
    color: var(--m-social-register-text-color, #ffffff);
    font-size: var(--m-social-register-text-font-size, 16px);
    cursor: default;
    text-align: center
}

.mobile-login-section ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: var(--m-login-social-icons-margin-bottom, 0);
    padding-bottom: 8px;
    text-align: center
}

.mobile-login-section ul li {
    width: var(--m-register-social-icons-width, 28px);
    height: var(--m-register-social-icons-height, 28px);
    margin-right: var(--m-register-social-icon-margin-right, 6px);
    background-size: cover
}

.mobile-login-section .divider-line {
    height: 1px;
    border-radius: 4px;
    background: var(--m-login-divider-line, linear-gradient(180deg, #C2E5FF 0%, #8BADC6 52.6%, #51738B 100%))
}

.mobile-login-section .login-bottom-text {
    margin: var(--m-login-bottom-text-margin-top, 10px) auto 0 auto;
    color: var(--m-login-bottom-text-color, #FFFFFF)
}

.mobile-login-section .login-bottom-text .icon-safety {
    margin-right: 8px
}

.mobile-login-section.popStyleGuide {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    min-height: 209px;
    margin-top: 0;
    padding: 24px 25px 0;
    background-color: var(--m-login-popup-background-color, #5573a7)
}

.mobile-login-section.popStyleGuide h2 {
    display: none
}

.mobile-login-section.popStyleGuide .mobile-login-section_form {
    padding: 0
}

.mobile-login-section.popStyleGuide .login_password {
    margin: 0
}

.mobile-login-section.popStyleGuide .mobile-login-section_field {
    margin-bottom: 0
}

.mobile-login-section.popStyleGuide .mobile-login-section_field.form_field {
    height: 36px;
    line-height: 36px
}

.mobile-login-section.popStyleGuide .mobile-login-section_field_top {
    height: 100%
}

.mobile-login-section.popStyleGuide .mobile-login-section_field input {
    padding: 0
}

.mobile-login-section.popStyleGuide .mobile-login-section_field:nth-child(1) .mobile-login-section_field_top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--m-login-popup-input-background-color, #e8f0fe)
}

.mobile-login-section.popStyleGuide .mobile-login-section_field input {
    border: none
}

.mobile-login-section.popStyleGuide .mobile-login-section_field:nth-child(2) {
    border-top: 1px solid #c2d0e4
}

.mobile-login-section.popStyleGuide .mobile-login-section_field:nth-child(2) .mobile-login-section_field_top {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--m-login-popup-input-background-color, #e8f0fe)
}

.mobile-login-section.popStyleGuide .craft_btn.login_btn {
    margin-top: 10px
}

.mobile-login-section__footer {
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    cursor: default;
    font-size: var(--register-redirect-font-size, 16px);
    color: var(--login-redirect-text-color, #fff);
    flex-grow: .5
}

.mobile-login-section__footer a {
    margin-left: var(--login-redirect-href-text-margin-left, 15px);
    cursor: pointer;
    color: #7f8799;
    outline: none;
    text-decoration: none
}

.modal-open .modal {
    padding: 0 !important
}

.popStyleGuide .error_message {
    top: var(--m-login-error-message-top, 2px);
    max-width: 100%;
    font-size: var(--m-login-error-message-font-size, 14px);
    font-weight: var(--m-login-error-message-font-weight, normal);
    text-align: var(--m-login-error-message-item-align, left);
    white-space: normal
}

.change-password-field-type {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: var(--password-eye-icon-color, #dbedff)
}

.animated-popup .fade-anim {
    transition: .5s
}

html {
    height: 100%
}

body {
    margin: 0
}

#mobile-winport {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%
}

#mobile-winport .mobile-popup-section {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #00000080;
    z-index: 11111
}

#mobile-winport .mobile-popup-section .close-popup {
    position: absolute;
    top: -2px;
    right: 0
}

#mobile-winport .mobile-popup-section_content {
    position: absolute;
    left: 5%;
    display: flex;
    width: 90%;
    padding: 15px;
    background: #efefef;
    box-sizing: border-box
}

#mobile-winport .mobile-popup-section_content.ios {
    bottom: 80px
}

#mobile-winport .mobile-popup-section_content.android {
    bottom: 20px
}

#mobile-winport .mobile-popup-section .popup-icon {
    width: 80px;
    height: 80px
}

#mobile-winport .mobile-popup-section .popup-content {
    padding: 0 15px
}

#mobile-winport .mobile-popup-section .share-button {
    width: 13px;
    height: 18px
}

#mobile-winport .mobile-popup-section .text-bold {
    font-weight: 700
}

.mobile-promotions {
    margin-top: 70px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Montserrat, sans-serif
}

.mobile-promotions #banners {
    margin-bottom: 64px
}

@media (max-width: 767px) {
    .mobile-promotions {
        padding-left: 16px;
        padding-right: 16px
    }
}

.mobile-promotions .mobile {
    height: 304px
}

@media (max-width: 767px) {
    .mobile-promotions .mobile {
        height: 480px
    }
}

.mobile-promotions .mobile .carousel,
.mobile-promotions .mobile .carousel .slick-list,
.mobile-promotions .mobile .carousel .slick-list .slick-track {
    height: 100%
}

.mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 24px 20px
}

@media (max-width: 1023px) {
    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide {
        padding: 24px 0 24px 24px
    }

    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide .banner_blackout {
        height: 100%
    }
}

@media (max-width: 1919px) {
    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide .banner-content-btns {
        margin-top: 0;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide {
        padding: 0 16px 20px
    }

    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide .banner_blackout {
        height: 100%
    }
}

@media (max-width: 1279px) {
    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide .banner-description {
        margin: 0 0 20px !important
    }
}

@media (max-width: 1279px) {
    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide .banner-content-description {
        margin: 0 0 36px !important
    }
}

@media (max-width: 1279px) {
    .mobile-promotions .mobile .carousel .slick-list .slick-track .slick-slide .btn.banner-action {
        margin: 0
    }
}

.mobile-promotions__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-promotions__header--title {
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #fff
}

@media (max-width: 767px) {
    .mobile-promotions__header--title {
        font-size: 24px;
        line-height: 32px
    }
}

.mobile-promotions__header--buttons {
    display: flex;
    align-items: center;
    width: auto
}

.mobile-promotions__header-arrow {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 16px;
    background-color: #f90;
    outline: none;
    cursor: pointer
}

.mobile-promotions__header-arrow:first-child {
    margin-right: 12px
}

@media (max-width: 767px) {
    .mobile-promotions__header-arrow:first-child {
        margin-right: 4px
    }
}

.mobile-promotions__header-arrow:active {
    border: 3px solid #FF9900;
    background: #000000
}

.mobile-promotions__header-arrow:active svg {
    fill: #f90
}

.mobile-promotions__header-all-btn {
    width: auto;
    height: 48px;
    margin-left: 36px;
    padding: 0 24px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #f90;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.mobile-promotions__header-all-btn:hover {
    border: 3px solid #FF9900;
    background: #000000;
    color: #f90;
    transition: all .3s
}

@media (max-width: 767px) {
    .mobile-promotions__header-all-btn {
        display: none
    }
}

.mobile-promotions__all-btn {
    display: none;
    width: 100%;
    height: 48px;
    margin-top: 24px;
    padding: 0 24px;
    border: 3px solid transparent;
    border-radius: 16px;
    background-color: #f90;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.mobile-promotions__all-btn:active {
    border: 3px solid #FF9900;
    background: #000000;
    color: #f90;
    transition: all .3s
}

@media (max-width: 767px) {
    .mobile-promotions__all-btn {
        display: block
    }
}

.mobile-promotions__carousel {
    margin-top: 20px;
    margin-bottom: 64px
}

.mobile-promotions__carousel--item {
    margin-left: 2px;
    margin-right: 2px;
    outline: none !important
}

.mobile-promotions__buttons {
    margin-left: 12px;
    margin-bottom: 16px
}

.mobile-promotions__buttons button {
    height: 56px;
    border-radius: 16px;
    font-family: Nunito, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    cursor: pointer
}

@media (max-width: 1023px) {
    .mobile-promotions__buttons button {
        height: 48px
    }
}

.mobile-promotions__buttons--deposit {
    width: 99px;
    border: 2px solid rgba(255, 255, 255, .1);
    background: #0024E1;
    box-sizing: border-box
}

.mobile-promotions__buttons--deposit:hover {
    border: 3px solid #0024E1;
    background: #000000
}

.mobile-promotions__buttons--info {
    width: 74px;
    margin-left: 12px;
    border: 2px solid rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
    box-sizing: border-box
}

.mobile-promotions__titles {
    display: flex;
    flex-direction: column
}

.mobile-promotions__titles app-promotion-banner {
    min-height: 360px;
    margin-top: 16px
}

@media (max-width: 767px) {
    .mobile-promotions__titles app-promotion-banner {
        height: 200px;
        min-height: 200px
    }

    .mobile-promotions__titles app-promotion-banner:first-of-type {
        height: 274px;
        min-height: 274px
    }
}

.mobile-promotions__bonuses {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin: 64px 0;
    padding: 64px 14px;
    border-radius: 20px;
    background: url(/assets/images/promotion-background-bonuses.png) no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .mobile-promotions__bonuses {
        padding: 32px 16px
    }
}

.mobile-promotions__bonuses--header {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 36px;
    padding: 0 106px;
    text-align: center
}

@media (max-width: 767px) {
    .mobile-promotions__bonuses--header {
        margin-bottom: 24px;
        padding: 0
    }
}

.mobile-promotions__bonuses--header h3 {
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    color: #fff
}

@media (max-width: 767px) {
    .mobile-promotions__bonuses--header h3 {
        margin: 0 0 8px;
        font-size: 24px;
        line-height: 32px
    }
}

.mobile-promotions__bonuses--header p {
    margin: 0;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    color: #fff
}

@media (max-width: 767px) {
    .mobile-promotions__bonuses--header p {
        font-size: 16px;
        line-height: 24px
    }
}

.mobile-promotions__bonuses--items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width: 1439px) {
    .mobile-promotions__bonuses--items {
        justify-content: center;
        gap: 12px
    }
}

.mobile-promotions__bonuses--item {
    width: 344px;
    height: 344px
}

@media (max-width: 767px) {
    .mobile-promotions__bonuses--item {
        width: 296px;
        height: 296px
    }
}

.mobile-promotions__bonuses--show-all {
    width: 106px;
    height: 48px;
    margin-top: 36px;
    border: 3px solid #FF9900;
    border-radius: 16px;
    background: transparent;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #f90;
    box-sizing: border-box;
    cursor: pointer
}

.mobile-promotions__bonuses--show-all:active {
    background: #FF9900;
    color: #000
}

@media (max-width: 767px) {
    .mobile-promotions__bonuses--show-all {
        width: 100%;
        margin-top: 24px
    }
}

.mobile-right-sidebar-section .flex_container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mobile-right-sidebar-section .flex_container .right_menu_title {
    height: 68px;
    padding: 0 20px;
    font-family: Montserrat, sans-serif
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .right_menu_title {
        height: 68px;
        padding: 0 16px
    }
}

.mobile-right-sidebar-section .flex_container .right_menu_title img {
    width: 203px;
    height: auto
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .right_menu_title img {
        width: 98px;
        height: auto
    }
}

.mobile-right-sidebar-section .flex_container .right_menu_title fa-icon {
    color: #fff;
    position: relative;
    width: 36px;
    height: 36px
}

.mobile-right-sidebar-section .flex_container .right_menu_title fa-icon svg {
    position: absolute;
    top: 8px;
    right: 12px
}

.mobile-right-sidebar-section .flex_container .right_menu_title fa-icon:active {
    background-color: #ffffff1a;
    border-radius: 12px;
    position: relative;
    color: red
}

.mobile-right-sidebar-section .flex_container .right_menus {
    height: 100%;
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: hidden
}

.mobile-right-sidebar-section .flex_container .general-menu {
    display: block;
    flex-grow: 1;
    width: 100%;
    height: 100%
}

.mobile-right-sidebar-section .flex_container .general-menu--logged {
    align-items: flex-start
}

@media (max-width: 1439px) {
    .mobile-right-sidebar-section .flex_container .general-menu--logged {
        align-items: center;
        text-align: center
    }
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu--logged {
        align-items: flex-start
    }
}

@media (max-width: 1279px) {
    .mobile-right-sidebar-section .flex_container .general-menu--logged .general-menu__part {
        align-items: flex-start
    }

    .mobile-right-sidebar-section .flex_container .general-menu--logged .general-menu__part:first-child {
        margin-right: 140px
    }
}

@media (max-width: 1023px) {
    .mobile-right-sidebar-section .flex_container .general-menu--logged .general-menu__part {
        align-items: center;
        text-align: center
    }

    .mobile-right-sidebar-section .flex_container .general-menu--logged .general-menu__part:first-child {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu--logged .general-menu__part {
        align-items: flex-start;
        text-align: left
    }
}

.mobile-right-sidebar-section .flex_container .general-menu__container {
    display: grid;
    width: 100%;
    height: 100%
}

.mobile-right-sidebar-section .flex_container .general-menu .active * {
    outline: none
}

.mobile-right-sidebar-section .flex_container .general-menu .title_menu_item {
    display: flex;
    align-items: center;
    font-family: Montserrat, sans-serif;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media (max-width: 1439px) {
    .mobile-right-sidebar-section .flex_container .general-menu .title_menu_item {
        font-size: 40px;
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu .title_menu_item {
        text-align: left;
        margin-bottom: 8px
    }
}

.mobile-right-sidebar-section .flex_container .general-menu_header {
    margin-right: var(--m-right-menu-item-title-margin-right, 25px);
    margin-left: var(--m-right-menu-item-title-margin-left, 25px);
    margin-top: var(--m-right-menu-item-title-margin-top, 0);
    margin-bottom: var(--m-right-menu-item-title-margin-bottom, 0);
    color: var(--m-menu-header-text-color, #FFFFFF)
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu_header {
        margin-right: 16px;
        margin-left: 16px
    }
}

.mobile-right-sidebar-section .flex_container .general-menu_item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    font-size: var(--right-menu-item-font-size, 14px);
    font-weight: var(--right-menu-item-font-weight, 600);
    line-height: 24px
}

.mobile-right-sidebar-section .flex_container .general-menu_item a {
    display: block;
    width: 100%;
    color: #fff
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu_item a {
        text-align: left
    }
}

.mobile-right-sidebar-section .flex_container .general-menu_item.logout {
    margin: 0 25px
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu_item.logout {
        margin: 0 16px
    }
}

.mobile-right-sidebar-section .flex_container .general-menu_item.logout a {
    color: red
}

.mobile-right-sidebar-section .flex_container .general-menu__parts {
    align-self: center;
    justify-self: center;
    padding-bottom: 60px
}

@media (max-width: 1279px) {
    .mobile-right-sidebar-section .flex_container .general-menu__parts {
        display: flex
    }
}

@media (max-width: 1023px) {
    .mobile-right-sidebar-section .flex_container .general-menu__parts {
        display: block
    }
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu__parts {
        width: 100%
    }
}

.mobile-right-sidebar-section .flex_container .general-menu__part {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 1279px) {
    .mobile-right-sidebar-section .flex_container .general-menu__part {
        text-align: left
    }

    .mobile-right-sidebar-section .flex_container .general-menu__part:first-child {
        margin-right: 0
    }
}

@media (max-width: 1023px) {
    .mobile-right-sidebar-section .flex_container .general-menu__part {
        align-items: center;
        text-align: center
    }

    .mobile-right-sidebar-section .flex_container .general-menu__part:first-child {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .mobile-right-sidebar-section .flex_container .general-menu__part {
        align-items: flex-start;
        text-align: left
    }
}

.mobile-settings-section {
    min-height: calc(100vh - 86px);
    margin-top: 86px;
    padding: 0 20px;
    color: var(--m-settings-field-label-color, #FFFFFF)
}

.mobile-settings-section_title {
    margin-top: calc(var(--m-header-height));
    padding-top: var(--m-user-views-title, unset);
    font-size: 24px;
    font-weight: 400;
    color: var(--m-user-views-title-color, #FFFFFF);
    text-align: center
}

.mobile-settings-section .mobile-number-label {
    margin-top: 20px
}

.mobile-settings-section .mobile_number_verify {
    display: flex
}

.mobile-settings-section .mobile_number_verify__item:first-child {
    flex: 1;
    flex-grow: 4
}

.mobile-settings-section .mobile_number_verify__item:last-child {
    flex: 2
}

.mobile-settings-section .mobile-verification-section {
    margin-top: 41px;
    padding: 0 10px 64px;
    background-color: #100718
}

.mobile-settings-section .mobile-verification-section .verification-message {
    margin: 20px 0;
    padding: 0;
    font-size: 14px
}

.mobile-settings-section .mobile-verification-section .verification-message ul {
    list-style: disc
}

.mobile-settings-section .mobile-verification-section .caspor-form .form-inner-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.mobile-settings-section .mobile-verification-section .caspor-form .form-inner-wrapper .dropdown-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    border-radius: 16px;
    background-color: #0a0a46
}

.mobile-settings-section .mobile-verification-section .caspor-form .form-inner-wrapper .dropdown-wrapper label {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 12px;
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.mobile-settings-section .mobile-verification-section .caspor-form .form-inner-wrapper .dropdown-wrapper select {
    width: 84%;
    padding: 16px 34px 16px 16px;
    border-radius: inherit;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #f90
}

.mobile-settings-section .mobile-verification-section .caspor-form .fileselect-wrapper .form_field__top {
    display: block
}

.mobile-settings-section .mobile-verification-section .caspor-form .fileselect-wrapper input {
    margin-top: 0;
    margin-bottom: 0
}

.mobile-settings-section .mobile-verification-section .caspor-form .fileselect-wrapper input.change_name,
.mobile-settings-section .mobile-verification-section .caspor-form .fileselect-wrapper input.choose_input {
    width: 100%;
    min-width: 308px;
    height: 64px;
    border: 2px solid transparent;
    border-radius: 20px;
    background-color: #0a0a46;
    text-shadow: none
}

.mobile-settings-section .mobile-verification-section .caspor-form .fileselect-wrapper input.change_name::placeholder,
.mobile-settings-section .mobile-verification-section .caspor-form .fileselect-wrapper input.choose_input::placeholder {
    color: #fff !important;
    font-weight: 500;
    font-size: 16px
}

.mobile-settings-section .mobile-verification-section .documents-list {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-top: 20px;
    background-color: #100718
}

.mobile-settings-section .mobile-verification-section .documents-list .documents-item {
    padding: 16px 12px;
    border-radius: 16px;
    background: rgba(26, 56, 164, .1);
    font-size: 14px;
    color: #fff
}

.mobile-settings-section .mobile-verification-section .documents-list .documents-item .flex_between {
    padding-top: 4px;
    padding-bottom: 4px
}

.mobile-settings-section .mobile-verification-section .documents-list .documents-item__title {
    color: #ffffff80
}

.mobile-settings-section .mobile-verification-section .documents-list .documents-item .verified {
    color: #05e100
}

.mobile-settings-section .not_receiveCode {
    margin: 3px 0;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #878fa2;
    text-decoration: underline
}

.mobile-settings-section .bet-selections-info {
    width: 100%;
    margin: 15px 0;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: var(--settings-table-tr-color);
    border-collapse: collapse
}

.mobile-settings-section .bet-selections-info thead {
    margin-bottom: 2px;
    background: var(--settings-table-row-background-color)
}

.mobile-settings-section .bet-selections-info tbody::-webkit-scrollbar-track {
    border-radius: 15px;
    background-color: var(--settings-table-scrollbar-thumb)
}

.mobile-settings-section .bet-selections-info tbody::-webkit-scrollbar {
    width: 8px;
    background-color: var(--settings-table-scrollbar-thumb)
}

.mobile-settings-section .bet-selections-info tbody::-webkit-scrollbar-thumb:hover {
    background: var(--settings-table-scrollbar-thumb)
}

.mobile-settings-section .bet-selections-info tbody::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: var(--settings-table-scrollbar-track)
}

.mobile-settings-section .bet-selections-info__tr {
    display: table;
    width: 100%;
    height: 48px;
    background: var(--settings-table-row-background-color)
}

.mobile-settings-section h3 {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.mobile-settings-section .setting_btn {
    background: -webkit-linear-gradient(90deg, var(--payment-button-background-gradient-first-color) 0, var(--payment-button-background-gradient-second-color) 100%);
    color: #fefefe;
    font-weight: 700;
    padding: 0 20px;
    margin: 16px 0;
    outline: none
}

.mobile-settings-section .form_row {
    margin: 8px 0
}

.mobile-settings-section .form_row label {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    color: var(--m-user-settings-labels-color, #FFFFFF)
}

.mobile-settings-section .change-password_form .form_row {
    margin: 8px 0
}

.mobile-settings-section .change-password_form .change-btn {
    width: 100%
}

.mobile-settings-section .change_details {
    display: flex;
    width: 100%
}

.mobile-settings-section .change_details_form {
    display: flex;
    flex-direction: column;
    width: 100%
}

.mobile-settings-section .change_details_form .form_row,
.mobile-settings-section .change_details_form .form_row2,
.mobile-settings-section .change_details_form .form_row3 {
    margin: 0 0 20px
}

.mobile-settings-section .change_details_form .form_row .form_field .active_item,
.mobile-settings-section .change_details_form .form_row2 .form_field .active_item,
.mobile-settings-section .change_details_form .form_row3 .form_field .active_item {
    border: 1px solid #44392c
}

.mobile-settings-section .change_details_form .error_message,
.mobile-settings-section .change_details_form .success_message {
    margin-top: -30px
}

.mobile-settings-section .verify_row {
    display: flex
}

.mobile-settings-section .verify_row .distans-half-right {
    flex: 1;
    flex-grow: 4
}

.mobile-settings-section .verify_row .verify_buttons {
    flex: 2
}

.mobile-settings-section .comment {
    padding-top: 6px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    color: #fff
}

.mobile-settings-section .change-tab {
    height: 56px;
    border: 3px solid rgba(255, 153, 0, .1);
    border-radius: 20px;
    color: var(--m-user-settings-getTab-color, #FFFFFF)
}

.mobile-settings-section .form_field {
    line-height: 35px
}

.mobile-settings-section .form_field .setting-input {
    margin-top: 5px;
    box-sizing: border-box
}

.mobile-settings-section .nav-tabs {
    border-bottom: none
}

.mobile-settings-section .nav-tabs li {
    width: 33.3%;
    padding: 10px 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: transparent;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center
}

.mobile-settings-section .nav-tabs li:hover,
.mobile-settings-section .nav-tabs li.active {
    cursor: pointer;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: #36b54f;
    color: #36b54f
}

.mobile-settings-section .nav-tabs li a {
    position: relative;
    display: block;
    text-align: center
}

.mobile-settings-section .verify_btn {
    padding: 0 35px
}

.mobile-settings-section .choose_input {
    width: 87px;
    padding: 0;
    border: none;
    font-size: 14px
}

.mobile-settings-section .verify_buttons {
    display: flex;
    flex-wrap: nowrap
}

.mobile-settings-section .tab-content {
    display: none;
    margin-top: 20px
}

.mobile-settings-section .active-tab {
    display: block
}

.mobile-settings-section .email_verified {
    width: calc(100% - 48px)
}

.mobile-settings-section .mobile_verify {
    margin-right: 16px;
    margin-left: 16px
}

.mobile-settings-section .disable_item {
    border-color: #cecece !important;
    pointer-events: none;
    opacity: .8
}

.mobile-settings-section .self-limitation-tab.right-part {
    padding-left: 0
}

.mobile-registration-section {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 32px;
    padding-right: var(--m-register-section-padding-right, 16px);
    padding-left: var(--m-register-section-padding-left, 16px);
    padding-bottom: var(--m-register-section-padding-bottom, 16px);
    background: #100718
}

.mobile-registration-section_header {
    flex-shrink: 0
}

.mobile-registration-section_header fa-icon {
    color: #fff;
    position: relative;
    width: 36px;
    height: 36px
}

.mobile-registration-section_header fa-icon svg {
    position: absolute;
    top: 8px;
    right: 12px
}

.mobile-registration-section_header fa-icon:active {
    background-color: #ffffff1a;
    border-radius: 12px;
    position: relative;
    color: red
}

.mobile-registration-section .reg-checkbox {
    width: 40px;
    height: 15px
}

.mobile-registration-section.showPaddingTop {
    padding-top: 75px
}

.mobile-registration-section .signup-input {
    box-sizing: border-box
}

.mobile-registration-section .register-text {
    margin: 0;
    text-align: center;
    color: #fff
}

.mobile-registration-section_menu {
    display: flex;
    gap: 14px;
    width: 100%
}

.mobile-registration-section_menu .reg_item,
.mobile-registration-section_menu .go_back {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    line-height: 32px;
    color: var(--register-tab-text-color, #FFFFFF);
    font-weight: 400;
    text-decoration: none
}

.mobile-registration-section_menu .reg_item:not([href]),
.mobile-registration-section_menu .go_back:not([href]) {
    color: var(--register-tab-text-color, #FFFFFF)
}

.mobile-registration-section_menu .reg_item.active,
.mobile-registration-section_menu .go_back.active {
    text-decoration: underline;
    color: var(--register-tab-text-selected-color, #FFFFFF)
}

.mobile-registration-section_menu .reg_item.hidden,
.mobile-registration-section_menu .go_back.hidden {
    display: none
}

.mobile-registration-section_menu .reg_item .icon-arrow-to-left,
.mobile-registration-section_menu .go_back .icon-arrow-to-left {
    margin-right: 16px
}

.mobile-registration-section_form {
    width: 100%
}

.mobile-registration-section_form .full-reg-panel {
    display: grid;
    width: 100%
}

.mobile-registration-section_form .reg-panel {
    display: grid
}

.mobile-registration-section_form .form_field {
    display: var(--register-form-field-display-events, block)
}

.mobile-registration-section_form .form_field label {
    top: var(--m-register-label-top, 10px);
    width: var(--register-form-field-label-width, inherit);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-registration-section .reg_btn {
    display: block;
    width: 100%;
    background: var(--m-register-button-background-color, #FFFFFF);
    font-weight: 400;
    color: var(--m-register-button-text-color, #FFFFFF);
    text-transform: uppercase
}

.mobile-registration-section .reg_btn.register_abled {
    background: var(--m-register-button-active-background-color, #FFFFFF);
    color: var(--m-register-button-active-text-color, #FFFFFF)
}

.mobile-registration-section .reg-conditions {
    display: inline-block;
    color: var(--m-register-condition-text-color, #FFFFFF)
}

.mobile-registration-section .reg-conditions .terms-conditions {
    color: #f90
}

.mobile-registration-section input {
    color: var(--m-register-input-fields-text-color, #FFFFFF)
}

.mobile-registration-section .recaptcha {
    position: absolute;
    transform: scale(.7);
    transform-origin: 0 0
}

.mobile-registration-section .allFormItems {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px
}

.mobile-registration-section .allFormItems .form-row-item .top-row .form_field {
    position: relative
}

.mobile-registration-section .allFormItems .form-row-item .top-row .form_field label {
    position: absolute;
    top: var(--m-signup-input-label-top, -10px);
    width: auto;
    height: var(--register-form-field-label-height, 18px);
    background-color: var(--m-signup-input-label-color, #202a3a);
    font-size: var(--m-signup-input-label-font-size, 16px)
}

.mobile-registration-section .allFormItems .form-row-item.checkbox-mobile {
    height: auto
}

.mobile-registration-section .allFormItems .form-row-item.checkbox-mobile span {
    font-size: var(--m-signup-checkbox-font-size, 14px)
}

.mobile-registration-section .allFormItems .form-row-item.checkbox-mobile .form_field_checked_bottom {
    display: flex;
    align-items: center
}

@media screen and (min-width: 700px) {
    .mobile-registration-section .allFormItems .form-row-item.checkbox-mobile .form_field_checked_bottom {
        align-items: center
    }
}

.mobile-registration-section .allFormItems .reg-success-message {
    bottom: var(--m-reg-success-message-bottom, -200px)
}

.mobile-registration-section .error-message {
    margin-top: var(--m-signup-error-margin-top, 60px)
}

.mobile-registration-section .regSteps {
    position: absolute;
    width: 100%
}

.mobile-registration-section .regSteps .regStep {
    height: var(--m-signup-regStep-height, 14px);
    width: var(--m-signup-regStep-width, 14px);
    background-color: var(--m-signup-regStep-background-color, #000)
}

.mobile-registration-section .mobileData_tabs .flex_between.current_item {
    height: 100%;
    line-height: var(--mobile-dpd-height, 13px)
}

.mobile-registration-section .mobileData_tabs input {
    width: 60%;
    margin-bottom: 0;
    border-left: 0 !important;
    border-radius: 0 16px 16px 0 !important
}

.mobile-registration-section .reg-step-navigate-buttons {
    position: var(--m-register-form-item-position, relative);
    bottom: var(--m-register-form-item-bottom, unset);
    width: var(----m-reg-button-width, 100%);
    margin-left: var(----m-reg-button-margin-left, 0)
}

.mobile-registration-section form {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0
}

.mobile-registration-section form.caspor-form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.mobile-registration-section form.caspor-form .allFormItems .form-row-item {
    margin: 0
}

.mobile-registration-section form.caspor-form .allFormItems .form-row-item .dropdown-wrapper:after {
    top: calc(50% - 3px);
    pointer-events: none
}

.mobile-registration-section form.caspor-form .allFormItems .step-buttons {
    row-gap: 16px
}

.accept_question {
    display: flex;
    align-items: flex-start;
    line-height: initial
}

.mobile-registration-section .form-rowRegion2-mobile,
.form-row.Region2-mobile {
    height: auto
}

.mobile-registration-section .form-rowRegion2-mobile .begion_tabs__Region2,
.form-row.Region2-mobile .begion_tabs__Region2 {
    height: 100%
}

.mobile-registration-section .form-rowRegion2-mobile .form_field__Region2,
.form-row.Region2-mobile .form_field__Region2 {
    height: auto
}

.mobile-registration-section .begion_tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.mobile-registration-section .begion_tabs .input-with-placeholder__container,
.mobile-registration-section .begion_tabs__Region1 .custom_dropdown_reg {
    width: 100%
}

.mobile-registration-section .begion_tabs__Region1 .custom_dropdown_reg:nth-child(odd) {
    margin-right: 0
}

.mobile-registration-section .begion_tabs__Region4 .custom_dropdown_reg {
    flex: 1 1 var(--register-form-regionTab-item-width, 100%)
}

.mobile-registration-section .begion_tabs__Region4 .custom_dropdown_reg:nth-child(odd) {
    margin-right: 0
}

.mobile-registration-section .begion_tabs__Region4 .custom_dropdown_reg:nth-child(1) {
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.mobile-registration-section .begion_tabs__Region4 .custom_dropdown_reg:nth-child(2),
.mobile-registration-section .begion_tabs__Region4 .custom_dropdown_reg:nth-child(3) {
    margin-top: var(--register-form-item-margin-top, 15px);
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.mobile-registration-section .begion_tabs__Region4 .custom_dropdown_reg:nth-child(4) {
    margin-top: var(--register-form-item-margin-top, 15px)
}

.mobile-registration-section .begion_tabs__Region4.flex-column .custom_dropdown_reg {
    flex: 1 1 var(--register-form-regionTab-item-width, 100%);
    margin: 0
}

.mobile-registration-section .begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(1) {
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.mobile-registration-section .begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(2),
.mobile-registration-section .begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(3) {
    margin-top: var(--register-form-item-margin-top, 15px);
    margin-bottom: var(--register-form-item-margin-right, 5px)
}

.mobile-registration-section .begion_tabs__Region4.flex-column .begion_tabs-item:nth-child(4) {
    margin-top: var(--register-form-item-margin-top, 15px)
}

.mobile-registration-section .begion_tabs.flex-column {
    flex-direction: column
}

.mobile-registration-section .begion_tabs.flex-column .begion_tabs-item {
    display: flex;
    align-items: center;
    width: 100%
}

.info-reg-field {
    font-size: var(--register-form-label-font-size, 14px);
    color: var(--register-form-label-color, #fff);
    text-align: center
}

.term-conditions {
    color: #f90
}

.mobile-terms-section {
    min-height: calc(100vh - 62px);
    background: var(--m-user-terms-background-color, #000000);
    color: var(--m-user-views-content-color, #fff);
    padding-top: var(--m-user-terms-padding-top, 15px);
    padding-bottom: var(--m-user-terms-padding-bottom, 15px);
    padding-left: var(--m-user-terms-padding-left, 10px);
    padding-right: var(--m-user-terms-padding-right, 10px);
    margin-top: 62px
}

.mobile-terms-section h2 {
    color: var(--m-user-views-title-color, #FFFFFF);
    text-align: center;
    margin-bottom: .8rem
}

.mobile-terms-section .terms_container {
    text-align: justify
}

.mobile-terms-section .terms_container [class*=Title] {
    font-weight: 700
}

.mobile-terms-section .terms_container .to_top {
    position: fixed;
    bottom: 60px;
    right: 20px
}

.mobile-terms-section div {
    padding-left: 0 !important
}

.mobile-payment-section {
    margin-top: 84px;
    min-height: calc(100vh - 84px);
    color: var(--m-user-common-color, #FFFFFF)
}

.mobile-payment-section .account_title {
    padding-top: 15px;
    color: var(--m-user-views-title-color, #FFFFFF);
    text-align: center
}

.mobile-payment-section_content {
    display: flex;
    margin: 0 15px
}

.mobile-payment-section_content .payment_header {
    background: #F2F2F2;
    width: 100%;
    height: 42px
}

.mobile-payment-section_content .header_row {
    font-size: 18px;
    font-weight: 700;
    color: #3f3f3f
}

.mobile-payment-section_content_block {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 600px;
    height: auto
}

.mobile-payment-section_content_block .content_col {
    margin-top: 15px;
    text-align: justify
}

.mobile-payment-section_content_block .content_col.mobile_info {
    margin-bottom: 64px
}

.mobile-payment-section_content_block .content_col #cashier iframe {
    border: 0
}

.mobile-payment-section_content_block .content_col .form_field .amount-input {
    box-sizing: border-box
}

.mobile-payment-section_content_block .content_col .payment-confirm {
    width: 100%;
    height: 100px
}

.mobile-payment-section_content_block .content_col input {
    color: var(--m-user-common-input-color, #FFFFFF);
    border: 1px solid #cecece;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #0000004d
}

.mobile-payment-section_content_block .content_col .craft_btn {
    width: 100%;
    color: #fff;
    padding: 0 32px;
    text-transform: uppercase;
    font-size: 16px
}

.mobile-payment-section .payment_list {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px
}

.mobile-payment-section .payment_list .selected_payment img {
    border: 5px solid var(--m-selected-payment-img-border-color, #FFFFFF)
}

.mobile-payment-section .payment_list li {
    text-align: center;
    height: 90.13px
}

.mobile-payment-section .payment_list li.selected_payment {
    border: 3px solid var(--m-deposit-selected-payment-border-color, #FFFFFF);
    border-radius: 3px
}

.mobile-payment-section .payment_list li img {
    background: white;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    border: 5px solid var(--m-payment-img-border-color, #FFFFFF)
}

.mobile-search-field {
    position: relative
}

.mobile-search-field__icon {
    position: absolute;
    top: 19%;
    left: 12px;
    width: 26px
}

.mobile-payment .payment-form-field__column_btn {
    position: relative
}

.flex-items-mobile {
    display: block
}

.flex-items-mobile select {
    width: 100%;
    margin-bottom: 16px
}

.mobile-forgot-password-section {
    background: #0C031F;
    min-height: calc(100vh - 62px);
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff
}

.mobile-forgot-password-section .change_block>form {
    display: flow-root
}

.mobile-forgot-password-section .change_block>form .forgot-error_message {
    float: left;
    top: var(--forgot-password-error-top, 0);
    font-size: var(--font-size-2, 14px)
}

.mobile-forgot-password-section .change_block label {
    color: var(--forgot-password-label-color, #FFFFFF);
    position: relative;
    top: var(--forgot-password-label-top, 10px);
    z-index: 1;
    left: var(--forgot-password-left, 10px);
    padding: 0 8px;
    background-color: var(--forgot-password-label-background-color, #FFFFFF)
}

.mobile-forgot-password-section .change_block label.label-on-error {
    color: var(--recovery-input-invalid-color, red)
}

.mobile-forgot-password-section .change_block .recovery_input {
    border-radius: 6px;
    color: var(--recovery-input-color, #fff);
    height: var(--recovery-input-height, 44px)
}

.mobile-forgot-password-section .change_block .recovery_input.invalid-field {
    border-color: var(--recovery-input-invalid-color, red)
}

.mobile-forgot-password-section .change_block .recovery_input::placeholder {
    color: var(--recovery-input-placeholder-color, #dbedff);
    opacity: .3
}

.mobile-forgot-password-section .change_block .recovery-btn {
    color: var(--forgot-password-button-text-color, #FFFFFF);
    font-weight: 400;
    border-radius: 6px;
    font-size: var(--recovery-btn-font-size, 18px);
    background-image: var(--recovery-btn-background-image, linear-gradient(to bottom, #1376f8, #194074));
    width: 100%;
    margin-top: var(--recovery-btn-margin-top, 24px)
}

.mobile-forgot-password-section__content {
    width: 100%;
    margin: 0 auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.mobile-forgot-password-section__content__main--form {
    margin-top: 144px
}

.mobile-forgot-password-section__content--success {
    margin-top: 194px
}

.mobile-forgot-password-section__content--success--image {
    background: url(/assets/images/success-icon.png) no-repeat center;
    height: 18px
}

.mobile-forgot-password-section__content--success--message {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #f90;
    margin-top: 12px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-forgot-password-section__content--success--description {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 24px
}

.mobile-forgot-password-section__content .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px
}

.mobile-forgot-password-section__content .header h2 {
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 0
}

.mobile-forgot-password-section__content .header fa-icon {
    font-size: 14px;
    color: red;
    margin-right: 18px
}

.mobile-forgot-password-section__content .close-icon {
    color: red
}

.mobile-forgot-password-section__content .common-field {
    margin-bottom: 6px
}

.mobile-forgot-password-section__content .form_row {
    color: var(--m-forgot-password-text-color, #FFFFFF);
    font-size: 12px;
    text-decoration: underline;
    margin: 0;
    line-height: unset
}

.mobile-forgot-password-section__content .help_block {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    margin-top: 24px;
    text-align: center
}

.mobile-forgot-password-section__content .help_block p {
    font-family: Nunito, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.mobile-forgot-password-section__content .recovery-btn {
    width: 100%;
    background: #EBFF00;
    height: 64px;
    font-weight: 800;
    color: #000000de;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 24px;
    border-radius: 10px
}

.mobile-forgot-password-section__content .registration_complete {
    text-align: center;
    color: #fff;
    margin-top: 40px
}

.mobile-forgot-password-section__content .registration_complete .fa-check {
    font-size: 158px;
    color: #59c10f
}

.mobile-forgot-password-section__content .registration_complete h1 {
    font-size: 23px;
    font-weight: 400
}

.mobile-homepage-section {
    min-height: calc(100vh - 80px);
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 78px
}

.mobile-homepage-section .mobile-casino-section {
    margin-top: 0
}

@media (max-width: 1279px) {
    .mobile-homepage-section_banners {
        height: 468px
    }
}

@media (max-width: 1439px) {
    .mobile-homepage-section_banners {
        margin-left: 20px;
        margin-right: 20px;
        height: 410px
    }
}

@media (max-width: 1112px) {
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 4px));
    }
}

@media (max-width: 1023px) {
    .mobile-homepage-section_banners {
        height: 304px
    }
}

@media (max-width: 767px) {
    .mobile-homepage-section_banners {
        height: 480px;
        margin-left: 16px;
        margin-right: 16px
    }
}

.mobile-homepage-section_banners app-common-banner {
    display: block;
    width: 100%;
    height: 100%
}

.mobile-homepage-section_banners app-common-banner #banners,
.mobile-homepage-section_banners app-common-banner .carousel {
    width: 100%;
    height: 100%
}

.mobile-homepage-section_banners app-common-banner .slick-list,
.mobile-homepage-section_banners app-common-banner .slick-track {
    height: 100%
}



@media (max-width: 1439px) {
    .mobile-homepage-section_slider {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .mobile-homepage-section_slider {
        margin: 0 0 0 16px
    }
    .mobile-homepage-section_banners app-common-banner .slick-slide {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 16px 20px
    }
}

@media (max-width: 1023px) {
    .mobile-homepage-section_slider {
        margin: 0 0 0 20px
    }
}

.mobile-homepage-section .mobile-homepage-section .slick-slider .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.mobile-homepage-section .mobile-homepage-section .slick-slider .slick-list:focus {
    outline: none
}

.mobile-homepage-section .mobile-homepage-section .slick-slider .slick-list.dragging {
    cursor: hand
}

.mobile-homepage-section .mobile-homepage-section .slick-slider .slick-track .mobile-homepage-section .slick-slider .slick-list {
    transform: translate(0)
}

.mobile-homepage-section .mobile-homepage-section .slick-slider .slick-list,
.mobile-homepage-section .mobile-homepage-section .slick-slider .slick-center .slick-track {
    overflow: visible
}

.mobile-homepage-section .mobile-home-slider_item.slick-slide.slick-current.slick-active.slick-center {
    width: 30px;
    margin-top: var(--m-homePage-slider-margin-top, 32px);
    transform-origin: center center;
    transform: scale(1.03);
    transition: transform .5s ease;
    z-index: 11
}

.slick-list .slick-track .widget-row .game-content .info {

    column-gap: 1px !important;
}

.widget[_ngcontent-lfw-c108] .widget-content[_ngcontent-lfw-c108] ngx-slick-carousel[_ngcontent-lfw-c108] .slick-list .slick-track .widget-row .game-img {

    padding: 20px;
}

li.button-style1 {
    display: none;
}

.game-open-demo {
    display: none;
}

.header-section_topPanel .panel1-menu {
    flex-wrap: wrap;
}

.header-section_topPanel {
    height: unset;
    padding: 20px;
    align-items: center;
}

/*menu mob */
.container {
    display: inline-block;
    cursor: pointer;
   
}

.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
app-tawk-messenger-button {
    display: none;
}
.change {}

.change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: translate(0, -11px) rotate(45deg);
}

.slick-slide {
    margin-left:10px;
  }

ul.menu__mob {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #000;
    color: #fff;
    display: none;
    z-index: 9;
    transition: all .5s;
    top: 0;
 
}

.active__mobmenu {
    display: block!important;
}

ul.menu__mob li {
    padding-left: 12px;
    color: #fff;
    font-size: 50px;
    margin: 50px 0;
    font-weight: bold;
}

/* menu mob */
@media (max-width:1145px) {
    .widget[_ngcontent-lfw-c108] {
        display: flex;
        flex-direction: row;
        row-gap: 5px;
        column-gap: 5px;
        height: 100%;
    }
    .widget[_ngcontent-lfw-c108] .widget-content[_ngcontent-lfw-c108] ngx-slick-carousel[_ngcontent-lfw-c108] .slick-list .slick-track .widget-row .game-content {
        font-size: 10px!important;
   
    }
}
@media (max-width:885px) {
    .casino-section .casino-game-section-content .search-results .product_list {
      
        grid-template-columns: repeat(2, calc(50% - 10.6666666667px));
    
    }
    .casino-section .casino-game-section-content .left-section .nav-bar .nav-tabs {
     
        grid-template-columns: repeat(2, calc(100% - 4px));
    }
}
@media (max-width:798px) {
    .casino-section .casino-game-section-content .search-results .product_list {
      
        grid-template-columns: repeat(2, calc(50% - 10.6666666667px));
    
    }
    .caspor-main-container {
        padding: 84px 10px 0!important;
    }
    .header-section__top {
        padding: 20px 72px;
    }
}

@media (max-width:678px) {
    .panel1-menu li.menu-style1 {
        display: none;
    }

    .mobile-container {
        display: block !important;
        position: fixed;
        right: 0;
        top: 0;
        margin: 43px;
        z-index: 999!important;
    }

    .header-section {
        z-index: 1;
    }
  
}
@media (max-width:618px) {
    .casino-section .casino-game-section-content .search-results .product_list {
        grid-template-columns: repeat(1, calc(100%));
    }
    .footer__content-right--row[_ngcontent-lfw-c84], .footer__rights[_ngcontent-lfw-c84] p[_ngcontent-lfw-c84] {
        display: none!important;
    }
    .caspor-main-container {
       
        overflow-x: hidden; 
    }
    .casino-section .casino-game-section_banners {
       
        z-index: -1!important;
    }
    .casino-section .casino-game-section-content .search-results {
        width: calc(100% - 8px);
    }
}
@media (max-width:500px){
    .widget[_ngcontent-lfw-c108] {
        display: flex;
        flex-direction: column!important;
        row-gap: 5px;
        column-gap: 5px;
        height: 100px!important;
        justify-content: center;
    }
    .left-section.caspor-form {
    display: none;
    }
}
@media (max-width:357px){
    .footer[_ngcontent-lfw-c84] {
       
        word-break: break-all;
    }
    .footer__rights--brands[_ngcontent-lfw-c84] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
}