.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}


::-webkit-input-placeholder
{
    color: var(--color4);

    opacity: .85;
}

:-moz-placeholder
{
    color: var(--color4);

    opacity: .85;
}

::-moz-placeholder
{
    color: var(--color4);

    opacity: .85;
}

:-ms-input-placeholder
{
    color: var(--color4);

    opacity: .85;
}


.compensate-for-scrollbar
{
    margin-right: 0 !important;
}


.fancybox-active .aside_right:not(.aside_game)
{
    margin-right: var(--scroll_width) !important;
}

.fancybox-active header
{
    width: calc(100% - var(--scroll_width));
    margin-right: var(--scroll_width) !important;
}

.compensate-for-scrollbar
{
    margin-right: var(--scroll_width) !important;
}



.form__all.small
{
    max-width: 300px;
}

.form__all .title_form
{
    color: #B2B2B8;
    font-size: 20px;
    font-weight: 700;

    margin-bottom: 20px;
}

.form__all .title_form.center
{
    text-align: center;
}

.form__all .desc_form
{
    color: #202D3D;
    font-size: 14px;

    margin-bottom: 15px;
}

.form__all .form__success
{
    color: green;
    font-size: 15px;
    line-height: 18px;

    margin-bottom: 20px;
}

.form__white
{
    color: green;
    font-size: 15px;
    line-height: 18px;

    margin-bottom: 10px;
}

.form__all .line_flex
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form__all .line_flex.three
{
    justify-content: flex-start;

    margin-left: -16px;
}

.form__all .line_form
{
    margin-bottom: 16px;
}

.form__all .line_flex .line_form
{
    width: calc(50% - 8px);
}

.form__all .line_flex.three .line_form
{
    width: calc(33.333% - 16px);
    margin-left: 16px;
}

.form__all .line_tel
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form__all .line_input
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin-left: -10px;
}

.form__all .line_input .input
{
    width: calc(33.333% - 10px);
    margin-left: 10px;
}

.form__all .line_tel .select_wrap
{
    width: 100px;
}

.form__all .line_tel .input
{
    width: calc(100% - 90px);
}

.form__all .input
{
    color: #FFF;
    font: 400 14px var(--font_family);

    display: block;

    width: 100%;
    height: 46px;
    padding-top: 6px;

    border: none;
    border-bottom: 1px solid #2F3038;
    background: none;
}

.form__all._modal .input
{
    font-size: 15px;

    text-align: center;
    letter-spacing: -.025em;
}

.form__all .input:focus
{
    border-bottom-color: #46464F;
}

.form__all .input.small
{
    width: 80px;
}

.form__all textarea
{
    color: #B2B2B8;
    font: 500 14px var(--font_family);

    display: block;

    width: 100%;
    height: 166px;
    padding: 12px 13px;

    border: 2px solid #1F1F2E;
    border-radius: 3.5px;
    background: transparent;
}

.form__all textarea:focus
{
    border-color: #4584FF;
}


.form__all .input:disabled,
.form__all textarea:disabled,
.form__all select:disabled + .nice-select,
.form__all input[type=checkbox]:disabled + .check_text,
.form__all .submit_btn:disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .9;
}

.form__all .label_text
{
    color: #8B8991;
    font-size: 14px;

    overflow: hidden;

    margin-bottom: 6px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.form__all .label_new
{
    color: #FAD959;
    font-size: 12px;
    font-style: italic;

    overflow: hidden;

    margin-top: 6px;
    margin-bottom: 6px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.form__all .field
{
    position: relative;
}

.form__all .label
{
    position: absolute;
    top: 0;
    left: 0;

    color: #8B8991;
    font-size: 14px;
    line-height: 45px;

    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;

    background: #1C1C24;
}

.form__all._modal .label
{
    font-size: 15px;

    text-align: center;
    letter-spacing: -.025em;
}

.form__all .input:focus + .label,
.form__all .full .label
{
    font-size: 10px;
    line-height: 14px;

    background: transparent;
}

.form__all .submit_btn:disabled
{
    opacity: .7;
}

.form__all .submit
{
    margin-top: 16px;
}

.form__all .line_flex + .submit
{
    margin-top: 0;
}

.form__all .submit_btn
{
    color: #D9D9DE;
    font: 600 14px var(--font_family);

    display: block;

    width: 100%;
    height: 38px;

    cursor: pointer;

    border: none;
    border-radius: 50px;
    background: #2E2D37;
}

.form__all._modal .submit_btn
{
    font-size: 14px;
    font-weight: 500;

    height: 46px;

    text-transform: uppercase;

    border: 2px solid #FFF;
    background: transparent;

    transition: transform .1s linear;
}

.form__all._modal .submit_btn:hover
{
    transform: scale(1.04);
}

.form__all .submit_btn.small
{
    display: inline-block;

    width: auto;
    padding: 0 35px;

    vertical-align: top;
}

.form__all .back
{
    color: #FFF;
    font: 600 14px var(--font_family);

    display: block;

    width: 100%;
    height: 38px;
    margin-top: 16px;

    cursor: pointer;

    border: none;
    border-radius: 50px;
    background: #4584FF;
}

.form__all .flex_two,
.form__all .flex_three
{
    position: relative;

    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form__all .flex_two .with_currency,
.form__all .flex_three .with_currency
{
    right: 120px;
}

.form__all .flex_two .submit,
.form__all .flex_three .submit
{
    width: 110px;
    margin-top: 0;
}

.form__all .flex_two .submit_btn,
.form__all .flex_three .submit_btn
{
    height: 46px;
}

.form__all .flex_two .input,
.form__all .flex_two .select_wrap
{
    width: calc(100% - 120px);
}

.form__all .flex_three .input,
.form__all .flex_three .select_wrap
{
    width: calc(50% - 65px);
    margin-right: 10px;
}

.form__all .error,
.form__all .error + .nice-select .current
{
    border-color: #E64A60;
}

.form__all .error_text
{
    color: #E64A60;
    font-size: 14px;
    font-weight: 500;

    margin-top: 10px;
    padding-bottom: 8px;
}

.error_choose
{
    color: #E64A60;
    font-size: 12px;
    font-weight: 500;

    display: block;

    margin: 0 3px;
}


.erroeSearch
{
    color: #E64A60;
    font-size: 18px;
    font-weight: 500;

    margin-top: 40px;
}


.form__all .select_wrap
{
    position: relative;
}

.form__all .select_wrap select
{
    display: none;
}

.form__all .select_wrap .nice-select
{
    position: relative;

    display: block;
}

.form__all .select_wrap .nice-select.open
{
    z-index: 11;
}

.form__all .select_wrap .nice-select .current
{
    position: relative;
    z-index: 10;

    color: #B2B2B8;
    font: 500 14px/46px var(--font_family);

    display: block;
    overflow: hidden;

    height: 49px;
    padding: 0 24px 0 13px;

    cursor: pointer;
    white-space: nowrap;
    letter-spacing: .2px;
    text-overflow: ellipsis;

    border: 2px solid #1F1F2E;
    border-radius: 3.5px;
}

.form__all._modal .select_wrap .nice-select .current
{
    color: #8B8991;
    font-size: 15px;
    font-weight: 400;
    line-height: 45px;

    height: 46px;
    padding-left: 0;

    letter-spacing: -.025em;

    border: none;
    border-bottom: 1px solid #2F3038;
    border-radius: 0;
}

.form__all._modal .select_wrap .nice-select .current.selected
{
    color: #FFF;
}

.form__all._modal .select_wrap .error + .nice-select .current
{
    border-color: #E64A60;
}

.form__all .select_wrap .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 6px;
    height: 12px;
    margin-top: -6px;

    background: url(../images/arrow1.svg) 50%/contain no-repeat;

    transform: rotate(90deg);
}

.form__all .select_wrap .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    margin-top: -2px;

    opacity: 0;
    border: 2px solid #1F1F2E;
    border-radius: 3.5px;
    background: #2B2C33;
}

.form__all._modal .select_wrap .nice-select .list
{
    top: calc(100% + 2px);

    margin-top: 0;

    border: none;
    border-radius: 5.5px;
    background: #242428;
    box-shadow: 0 1px 18px rgba(23,22,32,.6);
}

.form__all .select_wrap .nice-select.open .list
{
    visibility: visible;

    opacity: 1;
}

.form__all .select_wrap .nice-select .list .scrollbar
{
    overflow-y: auto;

    max-height: 340px;
}

.mainBox__all .form__all .select_wrap .nice-select .list .scrollbar
{
    max-height: 120px;
}

.form__all .select_wrap .nice-select .list .scrollbar::-webkit-scrollbar
{
    width: 7px;
    height: 4px;

    border-radius: 2px;
    background-color: transparent;

    -webkit-appearance: none;
}

.form__all .select_wrap .nice-select .list .scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 2px;
    background-color: #000;
}

.form__all .select_wrap .nice-select .list .list_item
{
    padding: 8px 13px;

    cursor: pointer;
}

.form__all._modal .select_wrap .nice-select .list .list_item
{
    color: #FFF;
    font-size: 15px;
    font-weight: 400;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 46px;
    padding: 6px 13px;

    cursor: pointer;
    letter-spacing: -.025em;
}

.form__all .select_wrap .nice-select .list .list_item:empty
{
    display: none;
}

.form__all .select_wrap .nice-select .list .list_item:hover
{
    background: #27262E;
}

.form__all._modal .select_wrap .nice-select .list .list_item:hover
{
    background: rgba(167,167,173,.12);
}

.form__all .select_wrap .nice-select .list .list_item.selected
{
    background: #1B1B24;
}

.form__all._modal .select_wrap .nice-select .list .list_item.selected
{
    background: rgba(167,167,173,.24);
}


.form__all .checkbox
{
    margin-bottom: 12px;
}

.form__all .checkbox .label_check input[type=checkbox]
{
    display: none;
}

.form__all .checkbox .label_check
{
    display: table-cell;

    height: 20px;

    vertical-align: top;
}

.form__all .checkbox .label_check input[type=checkbox] + .check_text
{
    position: relative;

    color: #DCDCDD;
    font-size: 12px;
    line-height: 18px;

    display: block;

    padding-left: 30px;

    cursor: pointer;
    text-align: left;
}

.form__all .checkbox .label_check input[type=checkbox] + .check_text:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;

    border: 1px solid #B2B2B8;
}

.form__all .checkbox .label_check input[type=checkbox].error + .check_text:before
{
    border-color: #E64A60;
}

.form__all .checkbox .label_check input[type=checkbox]:checked.error + .check_text:before
{
    border-color: #B2B2B8;
}

.form__all .checkbox .label_check input[type=checkbox] + .check_text:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;

    opacity: 0;
    background: url(../images/check.svg) 50% no-repeat;
}

.form__all .checkbox .label_check input[type=checkbox]:checked + .check_text:after
{
    opacity: 1;
}

.form__all .checkbox .label_check a
{
    color: #DCDCDD;

    text-decoration: none;

    border-bottom: 1px solid;
}

.form__all .checkbox .label_check a:hover
{
    border-bottom-color: transparent;
}


.form__all .radio
{
    margin-bottom: 12px;
}

.form__all .radio .label_check input[type=radio]
{
    display: none;
}

.form__all .radio .label_check
{
    display: table-cell;

    height: 20px;

    vertical-align: top;
}

.form__all .radio .label_check input[type=radio] + .check_text
{
    position: relative;

    color: #DCDCDD;
    font-size: 12px;
    line-height: 18px;

    display: block;

    padding-left: 30px;

    cursor: pointer;
    text-align: left;
}

.form__all .radio .label_check input[type=radio] + .check_text:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;

    border: 1px solid #B2B2B8;
    border-radius: 50%;
}

.form__all .radio .label_check input[type=radio]:checked + .check_text:before
{
    background: #181820;
    box-shadow: inset 0 0 0 4px #B2B2B8;
}

.form__all .radio .label_check a
{
    color: #DCDCDD;

    text-decoration: none;

    border-bottom: 1px solid;
}

.form__all .radio .label_check a:hover
{
    border-bottom-color: transparent;
}

.flex_radio
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin: 16px 0 0 -16px;
}

.flex_radio .radio
{
    margin-left: 16px;
}

.radioFlex_price
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin: 0 0 15px -10px;
}

.form__all .forgot a
{
    color: #DCDCDD;

    text-decoration: none;

    border-bottom: 1px solid;
}

.form__all .forgot a:hover
{
    border-bottom-color: transparent;
}

.form__all .login_question
{
    margin-top: 12px;
}

.form__all .login_question a
{
    color: #DCDCDD;

    text-decoration: none;

    border-bottom: 1px solid;
}

.form__all .login_question a:hover
{
    border-bottom-color: transparent;
}



.tabs_container.flex
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin-top: 20px;
}

.desc_tabs
{
    font-size: 12px;

    max-width: 300px;
    margin: 20px auto 0;

    text-align: center;
}

.main_tabs
{
    display: flex;
    overflow-y: auto;
    justify-content: flex-start;
    align-items: flex-start;

    width: calc(100% + 32px);
    margin-left: -16px;

    background: #4584FF;
}

.main_tabs a
{
    color: #FFF;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 40px;
    padding: 0 10px;

    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
}

.main_tabs a + a
{
    border-left: 1px solid #2B2C33;
}

.main_tabs a:hover
{
    background: #27262E;
}

.main_tabs a.active
{
    background: #1B1B24;
}


.inner_tabs
{
    display: flex;
    overflow-y: auto;
    justify-content: flex-start;
    align-items: flex-start;

    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 10px 16px;

    border-bottom: 2px solid #2B2C33;
}

.inner_tabs a
{
    color: #B2B2B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;

    display: block;

    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
}

.inner_tabs a + a
{
    margin-left: 20px;
}

.inner_tabs a:hover
{
    color: #FFF;
}

.inner_tabs a.active
{
    color: #4584FF;
}


.pay_flex
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin-top: 20px;
}

.pay_flex .img_tabs
{
    width: calc(50% - 20px);
}

.img_tabs .tabs_el
{
    display: flex;
    justify-content: flex-end;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    margin: -15px 0 0 -30px;
}

.img_tabs .tabs_el a
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: calc(50% - 30px);
    min-height: 75px;
    margin: 15px 0 0 30px;
    padding: 10px 16px;

    border: 1px solid transparent;
}

.img_tabs .tabs_el a:hover
{
    border-color: transparent;
    background: rgba(194,198,204,.5);
}

.img_tabs .tabs_el a.active
{
    border-color: #C75331;
    background: transparent;
}

.img_tabs .tabs_el a img
{
    display: block;

    max-width: 100%;
    max-height: 100%;

    opacity: .5;
}

.img_tabs .tabs_el a:hover img
{
    opacity: 1;
}

.img_tabs .tabs_el a.active img
{
    opacity: 1;
}


.pay_flex .col_r
{
    width: calc(50% - 20px);
    padding: 16px;

    background: #1C1C24;
}

.pay_flex .col_r > .form__all
{
    margin-top: 0;
}

.tabs_container.flex .tab_content > :first-child
{
    margin-top: 0 !important;
}

.tab_content
{
    display: none;
}

.tab_content .tab_content
{
    margin-top: 20px;
}

.table_balance
{
    width: 100%;

    border-collapse: collapse;
}

.table_balance
{
    margin-top: 5px;
}

.table_balance tr td
{
    padding-top: 15px;

    vertical-align: middle;
}

.table_balance tr td + td
{
    padding-left: 20px;
}

.table_balance tr td:first-child
{
    width: 30%;

    white-space: nowrap;
}

.table_balance tr td .desc_table
{
    font-size: 14px;

    margin-top: 10px;
}

.table_balance .form__all .submit_btn.small
{
    padding: 0 25px;
}


.accordion
{
    margin-top: 30px;
}

.title__small
{
    color: var(--color);
    font-size: 18px;
    font-weight: 600;

    margin-bottom: 20px;
}

.accordion * + .title__small
{
    margin-top: 40px;
}

.accordion .item + .item
{
    margin-top: 15px;
}

.accordion .item .name_acc
{
    color: #D9D9DE;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;

    padding: 10px 10px;

    cursor: pointer;

    background: #2E2D37;
    box-shadow: 0 1px 14px rgba(0,0,0,.7);
}

.accordion .item .name_acc.active
{
    background: #1B1B24;
}

.accordion .item .name_acc span
{
    position: relative;

    display: inline-block;

    padding-left: 25px;

    vertical-align: top;
}

.accordion .item .name_acc span:before
{
    content: "";

    position: absolute;
    top: 9px;
    left: 0;

    display: block;

    width: 12px;
    height: 2px;

    background: #D9D9DE;
}

.accordion .item .name_acc span:after
{
    content: "";

    position: absolute;
    top: 4px;
    left: 5px;

    display: block;

    width: 2px;
    height: 12px;

    background: #D9D9DE;
}

.accordion .item .name_acc.active span:after
{
    opacity: 0;
}

.accordion .item .data
{
    display: none;

    padding: 15px 10px;

    border: 1px solid #1B1B24;
    border-top: none;
}

.accordion .item .data > :last-child{
    margin-bottom: 0 !important;
}
/*---------------
	Main section
---------------*/
.swiper-container
{
    overflow: visible;
}

.slider-button-prev,
.slider-button-next
{
    position: absolute;
    z-index: 12;
    top: 50%;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 46px;
    height: 46px;
    margin-top: -23px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: var(--bg_arrow);
    box-shadow: 0 0 12px rgba(10,10,15,.15);
}

.swiper-container-initialized .slider-button-prev,
.swiper-container-initialized .slider-button-next
{
    display: flex;
}

.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled
{
    pointer-events: none;

    opacity: 0;
}

.slider-button-prev
{
    left: -22px;

    transform: rotate(180deg);
}

.slider-button-next
{
    right: -22px;
}

.slider-button-prev svg,
.slider-button-next svg
{
    position: relative;
    z-index: 1;

    display: block;

    width: 9px;
    height: 16px;

    fill: var(--color2);
}

.slider-but-prev,
.slider-but-next
{
    position: absolute;
    z-index: 12;
    top: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 38px;
    height: 100%;

    cursor: pointer;

    border: none;
    background: var(--bg);
    box-shadow: none;
}

.slider-but-prev::after,
.slider-but-next::after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 40px;
    height: 40px;
    margin-top: -20px;

    border-radius: 50%;
    background: transparent;
}

.slider-but-prev
{
    left: 0;

    transform: rotate(180deg);
}

.slider-but-next
{
    right: 0;
}

.slider-but-prev.swiper-button-disabled,
.slider-but-next.swiper-button-disabled
{
    display: none;
}

.slider-but-prev:hover::after,
.slider-but-next:hover::after
{
    background: rgba(228,238,242,.06);
}

.slider-but-prev:active::after,
.slider-but-next:active::after
{
    background: rgba(228,238,242,.4);
}

.slider-but-prev svg,
.slider-but-next svg
{
    display: block;

    width: 11px;
    height: 18px;

    fill: #E4EEF2;
}

.slider-but-prev::before,
.slider-but-next::before
{
    content: "";

    position: absolute;
    top: 0;
    right: 100%;

    width: 70px;
    height: 100%;

    pointer-events: none;

    background: linear-gradient(to right, rgba(14,16,18,0) 0%,rgba(14,16,18,1) 95%,rgba(14,16,18,1) 100%);
}

.swiper-button-lock
{
    display: none;
}

.slider-pagination
{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: -15px;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: calc(100% + 30px);

    text-align: center;

    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
}

.swiper-container-horizontal > .swiper-pagination-bullets
{
    bottom: 0;
}

.slider-pagination.swiper-pagination-lock
{
    display: none;
}

.slider-pagination .slider-dot
{
    position: relative;

    color: #323745;
    font-size: 16px;
    line-height: 16px;

    display: block;

    width: 100%;
    height: 3px;
    margin: 0;
    margin: 0 15px;
    padding: 0;

    text-align: center;

    border: none;
    border-radius: 2px;
    background: #E9EDF3;
    box-shadow: none;

    transition: background .2s linear, color .2s linear;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.slider-pagination.slider-pagination-clickable .slider-dot
{
    cursor: pointer;
}

.slider-pagination .slider-dot:hover,
.slider-pagination .slider-dot_active
{
    color: #45ACE1;

    background: #45ACE1;
}

.slider-pagination .slider-dot_active
{
    font-weight: 700;
}


.pagination
{
    justify-content: center;

    margin-top: 30px;
}

.pagination > :first-child
{
    margin-left: 0;
}

.pagination a
{
    color: #C8C8CE;
    font-size: 14px;
    line-height: 32px;

    display: block;

    width: 34px;
    height: 34px;

    text-align: center;
    text-decoration: none;

    border: 1px solid var(--color3);
}

.pagination > *
{
    margin-left: 5px;
}

.pagination a:hover
{
    border-color: transparent;
    background: var(--color3);
}

.pagination a.active
{
    color: #FFF;

    border-color: transparent;
    background: var(--color3);
}

.pagination .step
{
    color: #C8C8CE;
    font-size: 14px;
    line-height: 34px;

    width: 34px;

    text-align: center;
}

.pagination a.prev,
.pagination a.next
{
    position: relative;

    border: none;
    background: var(--color2);
}

.pagination a.next
{
    transform: rotate(180deg);
}

.pagination a.prev:hover,
.pagination a.next:hover
{
    background: var(--color3);
}


.pagination a.prev:before,
.pagination a.next:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 10px;
    height: 10px;
    margin: -5px 0 0 -2px;

    border-top: 1px solid #C8C8CE;
    border-left: 1px solid #C8C8CE;

    transform: rotate(-45deg);
}


/*----------------
    Typography
----------------*/
.seo_section
{
    position: relative;

    margin-top: 50px;
}

.content_all:not(.no_login) .seo_section
{
    display: none;
}

.open-seo
{
    position: relative;

    color: #D9D9DE;
    font-size: 15px;
    font-weight: 400;

    display: inline-block;
    display: block;

    padding-right: 26px;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;

    opacity: .85;
    border: none;
    background: none;
}

.open-seo.active
{
    display: none;
}

.open-seo::after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 16px;
    height: 10px;
    margin-top: -5px;

    background: url(../images/arrow_lang.svg) 50%/contain no-repeat;
}

.open-seo.active::after
{
    transform: rotate(180deg);
}

.text_block
{
    color: #DCDCDD;
    line-height: 130%;
}

.seo_section .text_block
{
    font-size: 12px;
    line-height: 120%;

    display: none;
}

.seo_section .text_block.show
{
    display: block;
}

.seo_section .text_block p
{
    line-height: 18px;

    margin-bottom: 16px;
}

.text_block h1,
.text_block .title
{
    color: #DCDCDD;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;

    margin-bottom: 32px;
}

.seo_section .text_block h1,
.seo_section .text_block .title
{
    color: #EBEBF0;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;

    margin-bottom: 20px;
}

.text_block h2
{
    color: #DCDCDD;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;

    margin-bottom: 16px;
}

.text_block h1 + h2
{
    margin-top: -12px;
}

.seo_section .text_block h2
{
    color: #EBEBF0;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;

    margin-bottom: 20px;
}

.seo_section .text_block  h1 + h2
{
    margin-top: 0;
}

.game_info .text_block .clear + h2
{
    margin-top: 20px;
}

.game_info .text_block * + h2
{
    margin-top: 50px;
}

.game_info .text_block h1 span{
    display: inline-block;
}

.text_block h3
{
    color: #DCDCDD;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;

    margin-bottom: 24px;
}

.seo_section .text_block h3
{
    color: #EBEBF0;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;

    margin-bottom: 24px;
}

.text_block * + h3
{
    margin-top: 40px;
}

.text_block h1 + h3
{
    margin-top: -10px;
}

.text_block h2 + h3
{
    margin-top: -4px;
}

.text_block h4
{
    color: #DCDCDD;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    margin-bottom: 10px;

    text-transform: uppercase;
}

.text_block h5
{
    color: #DCDCDD;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 6px;
}

.text_block img
{
    display: block;

    max-width: 100%;
}

.text_block img.left
{
    width: calc(50% - 50px);
    max-width: 320px;
    margin-right: 50px;
}

.text_block img.right
{
    width: calc(50% - 50px);
    max-width: 320px;
    margin-left: 50px;
}

.text_block img.left + *,
.text_block img.right + *
{
    margin-top: 0;
}

.text_block p,
.text_block ul,
.text_block ol,
.text_block img
{
    margin-bottom: 24px;
}

.text_block p,
.text_block ul,
.text_block ol
{
    line-height: 24px;
}

.text_block a
{
    color: #DCDCDD;

    padding-bottom: 2px;

    text-decoration: none;

    border-bottom: 1px solid;
}

.text_block a:hover
{
    border-bottom-color: transparent;
}


.text_block ul
{
    overflow: hidden;
}

.text_block ul li
{
    position: relative;

    display: block;

    padding-left: 26px;

    list-style: none;
}

.text_block ul li:before
{
    content: "";

    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 6px;
    height: 6px;

    border-radius: 50%;
    background: #AEB2B8;
}

.text_block ul li + li
{
    margin-top: 6px;
}

.text_block ol
{
    overflow: hidden;

    counter-reset: li;
}

.text_block ol li
{
    position: relative;

    display: block;

    padding-left: 26px;

    list-style: none;
}

.text_block ol li + li
{
    margin-top: 6px;
}

.text_block ol li:before
{
    content: counter(li)".";

    position: absolute;
    top: 0;
    left: 0;

    color: #AEB2B8;

    width: 0;
    height: 0;

    counter-increment: li;
    text-align: center;
}

.text_block table
{
    width: 100%;
    margin-bottom: 24px;

    border-collapse: collapse;
}

.text_block table th
{
    padding: 15px;

    text-align: left;
    white-space: nowrap;

    border: 1px solid #DCDCDD;
}

.text_block table tr td
{
    padding: 15px;

    border: 1px solid #DCDCDD;
}

.text_block table tr td > :last-child
{
    margin-bottom: 0 !important;
}

.text_block .table_wrap
{
    overflow-x: auto;
}

.text_block .table_wrap table
{
    min-width: 400px;
}

.text_block .table_wrap table tr th
{
    white-space: normal;
}

.text_block .table_wrap table tr td.noWrap
{
    white-space: nowrap;
}

.text_block__columns
{
    column-gap: 40px;
    columns: 3;
}

.text_block__columns > *
{
    break-inside: avoid;
    page-break-inside: avoid;
    --webkit-column-break-inside: avoid;
}

.text_block .hide
{
    display: none;
}

.more_text
{
    padding-top: 6px;

    text-align: center;
}

.more_text a
{
    color: #DCDCDD;
    font-size: 18px;
    line-height: 47px;

    display: inline-block;

    min-width: 176px;
    padding: 0 21px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    background: #C75331;
}

.more_text a:hover
{
    color: #FFF;

    background: #369582;
}

.text_block > :last-child
{
    margin-bottom: 0 !important;
}



/* ---------------------
	table_operations
--------------------- */
.table_operations
{
    overflow-x: auto;

    padding-bottom: 12px;
}

.table_operations::-webkit-scrollbar
{
    width: 7px;
    height: 5px;

    border-radius: 5px;
    background-color: transparent;

    -webkit-appearance: none;
}

.table_operations::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #000;
}

.table_operations table
{
    width: 100%;
    min-width: 750px;

    border-collapse: collapse;
}

.table_operations table tr th
{
    color: #B2B2B8;
    font-size: 14px;
    font-weight: 400;

    padding: 7px;

    text-align: left;
    vertical-align: middle;
    white-space: nowrap;

    border: 1px solid #2B2C33;
    background: #2E2D37;
}

.table_operations table tr td
{
    color: #B2B2B8;
    font-size: 14px;

    padding: 7px;

    text-align: left;
    vertical-align: middle;
    white-space: nowrap;

    border: 1px solid #2B2C33;
}

.table_operations table tr td.normal
{
    white-space: normal;
}

.table_operations table tbody tr:nth-child(odd)
{
    background: #1B1B24;
}


/* ---------------------
	info_text
--------------------- */
.info_text .title
{
    color: #EBEBF0;
    font-size: 28px;
    font-weight: 500;
    line-height: 110%;

    text-align: center;
}

.info_text .text
{
    color: #AEB2B8;
    font-size: 14px;
    line-height: 140%;
}

.info_text + * .text
{
    margin-top: 30px;
}

.info_text .text a
{
    color: #AEB2B8;
}

.info_text .text a:hover
{
    text-decoration: none;
}


/* ---------------------
	file
--------------------- */
.file input[type=file]
{
    display: none;
}

.file input[type=file] + label
{
    color: #000;
    font: 14px var(--font_family);

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    padding: 5px 12px;

    cursor: pointer;

    border: 1px solid #13253D;
    background: #FFF;
}

.file input[type=file] + label .path
{
    line-height: 35px;

    display: block;
    overflow: hidden;

    width: calc(100% - 100px);
    height: 35px;
    padding-right: 12px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.file input[type=file] + label .btn
{
    color: #FFF;
    line-height: 35px;

    display: block;

    width: 100px;
    height: 35px;

    text-align: center;

    background: #369582;
}

.file input[type=file] + label:hover .btn
{
    background: #C75331;
}


.file_all
{
    margin-top: 16px;
}

.file_all input[type=file]
{
    display: none;
}

.file_all .label_file
{
    display: block;

    cursor: pointer;
}

.file_all .label_file
{
    display: inline-block;

    max-width: 100%;

    vertical-align: top;
}

.file_all .label_file .file_text
{
    position: relative;

    color: #4F4D46;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;

    display: block;
    overflow: hidden;

    padding-left: 20px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.file_all .label_file .file_text
{
    line-height: 40px;

    display: inline-block;

    max-width: 100%;
    padding: 0 16px 0 36px;

    vertical-align: top;

    border-radius: 3.5px;
    background: #FFF;
}

.file_all .label_file.error .file_text
{
    background: #FF0054;
}

.file_all .label_file.success .file_text
{
    background: #2FD99C;
}

.file_all .label_file .file_text:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 12px;
    height: 13px;
    margin-top: -7px;

    background: url(../images/ic_file.svg) 50%/contain no-repeat;
}

.file_all .label_file .file_text:before
{
    left: 16px;
}

.file_all.fille_load .label_file .load
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: none;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    border: 2px solid transparent;
    border-top-color: var(--bg);
    border-radius: 50%;

    animation: 1s preloader linear infinite;
}

.file_all.fille_load .label_file.success .load
{
    display: block;
}

.file_all.fille_load .label_file .load:before
{
    content: "";

    position: absolute;
    top: -2px;
    left: -2px;

    display: block;

    width: inherit;
    height: inherit;

    opacity: .5;
    border: 2px solid var(--bg);
    border-radius: 50%;
}

.file_all.fille_load .label_file.success .file_text:before
{
    display: none;
}


.verification_payment .label_file .load
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: none;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    border: 2px solid transparent;
    border-top-color: var(--bg);
    border-radius: 50%;

    animation: 1s preloader linear infinite;
}

.verification_payment .label_file.success .load
{
    display: block;
}

.verification_payment .label_file .load:before
{
    content: "";

    position: absolute;
    top: -2px;
    left: -2px;

    display: block;

    width: inherit;
    height: inherit;

    opacity: .5;
    border: 2px solid var(--bg);
    border-radius: 50%;
}

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

.verification_payment .label_file.success .file_text:before
{
    display: none;
}

.verification_payment .label_file .file_text span + span
{
    display: none;
}

.verification_payment .form-send .label_file .file_text span
{
    display: none;
}

.verification_payment .form-send .label_file .file_text span + span
{
    display: block;
}


/* ---------------------
	choose
--------------------- */
.choose
{
    overflow: hidden;
    overflow-y: scroll;

    width: calc(100% + 16px);
    max-height: 407px;
    margin-top: 14px;
    margin-right: -16px;
    padding-right: 2px;
}

@media (min-width: 1025px)
{
    .choose
    {
        scrollbar-color: var(--bg_scroll) #1C1C24;
        scrollbar-width: thin;
    }

    .choose::-webkit-scrollbar
    {
        width: 14px;
        height: 14px;

        background-color: #1C1C24;
    }

    .choose::-webkit-scrollbar-track
    {
        background-color: #1C1C24;
    }

    .choose::-webkit-scrollbar-thumb
    {
        border: 3px solid #1C1C24;
        border-radius: 16px;
        background-color: var(--bg_scroll);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.radio_choose
{
    position: relative;

    margin-top: 16px;
}

.radio_choose.hide
{
    display: none;
}

.choose .radio_choose
{
    margin-top: 0;
}

.radio_choose + .radio_choose
{
    border-top: 1px solid #2B2C33;
}

.radio_choose:hover,
.radio_choose:hover + .radio_choose
{
    border-top-color: transparent;
}

.radio_choose input[type=radio]
{
    display: none;
}

.radio_choose .label_check
{
    display: block;

    cursor: pointer;
}

.radio_choose .label_check .check_text
{
    position: relative;

    color: #B2B2B8;
    font-size: 12px;
    font-weight: 500;

    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    width: calc(100% + 18px);
    min-height: 49px;
    margin-left: -9px;
    padding: 16px 9px;

    border-radius: 3.5px;
}

.radio_choose .label_check .check_text:hover
{
    background: #2F3038;
}

.radio_choose .label_check .check_text .img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 55px;
    height: 55px;
    margin-right: 10px;
    padding: 10px 2px;

    border-radius: 50%;
    background: #FFF;
}

.radio_choose .label_check .check_text .img.circle
{
    padding: 0;

    border-radius: 50%;
}

.radio_choose .label_check .check_text .img img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.radio_choose .label_check .check_text .img.circle img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

.radio_choose .label_check .check_text .box
{
    display: block;

    width: 100%;
    width: calc(100% - 65px);
}

.radio_choose .label_check .check_text .name span
{
    position: relative;

    padding-right: 20px;
}

.radio_choose .label_check .check_text .name span:before
{
    content: "";

    position: absolute;
    top: 1px;
    right: 0;

    width: 11px;
    height: 11px;

    background: url(../images/ic_pay.svg) 0 no-repeat;
}

.radio_choose .label_check .check_text .icons
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-left: -6px;
}

.radio_choose .label_check .check_text .icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 75px;
    height: 26px;
    margin: 6px 0 0 6px;
    padding: 3px;

    border: 1px solid #2F3038;
    border-radius: 1px;
    background: #1C1C24;
}

.radio_choose .label_check .check_text .icon.luminor
{
    background: #471335;
}

.radio_choose .label_check .check_text .icons .icon.middle
{
    width: 45px;
}

.radio_choose .label_check .check_text .icons .icon.middle2
{
    width: 66px;
}

.radio_choose .label_check .check_text .icons .icon.small
{
    width: 34px;
}

.radio_choose .label_check .check_text img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.radio_choose_error
{
    position: relative;

    color: rgba(255,255,255,.8);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;

    display: block;

    width: 100%;
    margin-top: 16px;
    padding: 8px;

    text-align: center;

    border-radius: 6px;
    border-radius: 2px;
    background: #FC2544;
}

.radio_choose_error::before
{
    content: "";

    position: absolute;
    top: -19px;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -10px;

    border: 10px solid transparent;
    border-bottom: 10px solid #FC2544;
}

.radio_choose_error.gray
{
    background: #272833;
}

.payments__open
{
    color: rgba(157,171,184,.9);
    font: 500 15px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 7px;

    cursor: pointer;
    text-align: center;
    letter-spacing: .05em;

    border: none;
    border-radius: 5px;
    background: rgba(129,153,178,.16);
}

.payments__open:hover
{
    background: rgba(129,153,178,.20);
}


.choose__title
{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;

    display: block;

    opacity: .75;
}

* + .choose__title
{
    margin-top: 20px;
}

.choose__grid
{
    column-gap: 16px;
    columns: 2;
}

.choose-check
{
    display: block;

    padding-top: 16px;

    break-inside: avoid;
    page-break-inside: avoid;
    --webkit-column-break-inside: avoid;
}

.choose-check__label
{
    display: block;
}

.choose-check input[type=radio]
{
    display: none;
}

.choose-check__thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 41%;

    cursor: pointer;

    border-radius: 6px;
}

.choose-check__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
}

.choose-check__img img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.choose-cards
{
    margin-top: 16px;
}

.choose-cards__label
{
    display: block;

    padding: 12px 16px 16px;

    cursor: pointer;

    border: 2px solid #FFF;
    border-radius: 8px;
}

.choose-cards input[type=radio]
{
    display: none;
}

.choose-cards__box
{
    display: block;
}

.choose-cards__grid
{
    margin-left: -16px;
}

.choose-cards__grid .choose-card
{
    width: calc(100%/5 - 16px);
    max-width: 58px;
    margin: 16px 0 0 16px;
}

.choose-card
{
    display: block;

    margin-top: 16px;
}

.choose-card input[type=radio]
{
    display: none;
}

.choose-card__thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 62%;

    border-radius: 6px;
}

.choose-card__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
}

.choose-card__img img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}



/* ---------------------
	mob_settings
--------------------- */
.mob_settings .close
{
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 15px;

    display: block;

    width: 40px;
    height: 40px;

    border: none;
    border-radius: 50%;
    background: rgba(228,238,242,.09) url(../images/ic_close3.svg) 50% no-repeat;
}

.mob_settings .title
{
    color: #E4EEF2;
    font-size: 18px;
    font-weight: 700;

    margin-bottom: 20px;
    padding: 0 15px;

    opacity: .99;
}

.mob_settings .top_title
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    padding-right: 72px;
}

.mob_settings .item.bord
{
    margin-top: 9px;
    padding-top: 8px;

    border-top: 1px solid #2B2C33;
}

.mob_settings .item.active,
.mob_settings .itemSub.active
{
    display: block !important;
}

.mob_settings .item.bord.active
{
    margin-top: 0;
    padding-top: 0;

    border-top: none;
}

.mob_settings .item a
{
    position: relative;
    z-index: 2;

    color: #D9D9DE;
    font-size: 17px;
    font-weight: 600;
    line-height: 50px;

    display: block;

    height: 50px;
    padding: 0 15px 0 15px;

    text-decoration: none;
}

.mob_settings .item a.logout_link
{
    color: #E64A60;
}

.mob_settings .item a .icon
{
    position: absolute;
    top: 50%;
    left: 16px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 18px;
    height: 18px;
    margin-top: -9px;
}

.mob_settings .item a .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.mob_settings .item .btn
{
    position: relative;
    z-index: 2;

    color: #D9D9DE;
    font: 400 14px/51px var(--font_family);

    display: block;

    width: 100%;
    height: 49px;
    padding: 0 16px 0 43px;

    cursor: pointer;
    text-align: left;

    border: none;
    background: transparent;
}

.mob_settings .item .openSub
{
    padding-right: 31px;
}

.mob_settings .item .btn:hover
{
    background: #46464F;
}

.mob_settings .item .openSub:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 13px;

    width: 14px;
    height: 8px;
    margin-top: -4px;

    background: url(../images/ic_arrow2.svg) 50%/contain no-repeat;

    transform: rotate(-90deg);
}

.mob_settings .item.active > .btn
{
    display: none;
}

.mob_settings .itemSub.active > .btn
{
    display: none;
}

.mob_settings .item .btn .icon
{
    position: absolute;
    top: 50%;
    left: 16px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 18px;
    height: 18px;
    margin-top: -9px;
}

.mob_settings .item .btn .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.mob_settings .item .firstSub,
.mob_settings .item .secondSub
{
    display: none;
}

.mob_settings .item .linkBack
{
    position: relative;

    color: #EBEBF0;
    font: 500 18px var(--font_family);

    display: block;

    width: 100%;
    height: 49px;
    margin-bottom: 19px;
    padding-left: 56px;

    cursor: pointer;
    text-align: left;

    border: none;
    background: none;
}

.mob_settings .item .linkBack:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 16px;

    width: 18px;
    height: 18px;
    margin-top: -9px;

    background: url(../images/arow_back.svg) 50%/contain no-repeat;
}

.mob_settings .item .linkBack:after
{
    content: "";

    position: absolute;
    bottom: -9px;
    left: 0;

    width: 100%;
    height: 1px;

    background: #323440;
}


/* ---------------------
	categoriesMob
--------------------- */
.categoriesMob .close
{
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 15px;

    display: block;

    width: 40px;
    height: 40px;

    border: none;
    border-radius: 50%;
    background: rgba(228,238,242,.09) url(../images/ic_close3.svg) 50% no-repeat;
}

.categoriesMob .search
{
    position: relative;

    width: 100%;
    margin-top: 24px;
}

.categoriesMob .search .input
{
    color: rgba(255,255,255,.95);
    font: 15px var(--font_family);

    display: block;

    width: 100%;
    height: 42px;
    padding: 0 70px 0 15px;

    border: 1px solid transparent;
    border-radius: 50px;
    background: rgba(167,167,173,.24);
}

.categoriesMob .search .input::-webkit-input-placeholder
{
    color: #FFF;

    opacity: .5;
}

.categoriesMob .search .input::-moz-placeholder
{
    color: #FFF;

    opacity: .5;
}

.categoriesMob .search .input:-moz-placeholder
{
    color: #FFF;

    opacity: .5;
}

.categoriesMob .search .input:-ms-input-placeholder
{
    color: #FFF;

    opacity: .5;
}

.categoriesMob .search .input:focus::-webkit-input-placeholder
{
    opacity: 0;
}

.categoriesMob .search .input:focus::-moz-placeholder
{
    opacity: 0;
}

.categoriesMob .search .input:focus:-moz-placeholder
{
    opacity: 0;
}

.categoriesMob .search .input:focus:-ms-input-placeholder
{
    opacity: 0;
}



.categoriesMob .search .submit_btn
{
    position: absolute;
    top: 0;
    right: 0;

    color: rgba(255,255,255,.85);
    font: 155px var(--font_family);

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 55px;
    height: 42px;
    margin-left: -55px;
    padding: 0;

    cursor: pointer;

    border: none;
    border-radius: 0 50px 50px 0;
    background: none;
}

.categoriesMob .submit_btn .icon
{
    display: block;

    width: 18px;
    height: 18px;

    fill: #A7A7AD;
}


.categoriesMob__title
{
    color: #E4EEF2;
    font-size: 18px;
    font-weight: 700;

    opacity: .99;
}

.categoriesMob__title + .categoriesMob__title
{
    display: none;
}

.searchMob .categoriesMob__title
{
    display: none;
}

.searchMob .categoriesMob__title + .categoriesMob__title
{
    display: block;
}

.categoriesMob__providers
{
    margin-top: 22px;
}

.searchMob .categoriesMob__providers
{
    display: none;
}

.categoriesMob__subtitle
{
    color: #FFF;
    font-size: 18px;
    font-weight: 500;

    opacity: .99;
}

.categoriesMob__providers-grid
{
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    width: calc(100% + 30px);
    margin: 16px -15px 0 -15px;
    padding: 0 15px 0 3px;

    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}

.categoriesMob__providers-grid::-webkit-scrollbar
{
    display: none;

    width: 0;
    height: 0;

    border-radius: 0;
    background-color: transparent;

    -webkit-appearance: none;
}

.categoriesMob__providers-grid::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: transparent;
}

.categoriesMob__providers-item
{
    display: block;
    flex-shrink: 0;

    width: 96px;
    margin-left: 12px;

    text-decoration: none;
}

.categoriesMob__providers-icon
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 100%;

    border-radius: 50%;
    background: rgba(167,167,173,.12);
}

.categoriesMob__providers-icon img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.categoriesMob__providers-name
{
    color: #FFF;
    font-size: 12px;
    line-height: 18px;

    display: block;

    margin-top: 4px;

    text-align: center;

    opacity: .65;
}


.categoriesMob__cats
{
    margin-top: 26px;
}

.searchMob .categoriesMob__cats
{
    display: none;
}


.categoriesMob__items
{
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    margin: 8px 0 0 -8px;
}

.categoriesMob.searchMob .grid
{
    display: none;
}

.categoriesMob__item
{
    position: relative;

    color: #D9D9DE;
    font-size: 16px;
    font-weight: 400;

    display: block;

    width: calc(100%/4 - 8px);
    margin: 8px 0 0 8px;
    padding: 16px;

    text-decoration: none;

    border-radius: 16px;
    background: rgba(167,167,173,.14);
}

.categoriesMob__item:hover
{
    background: rgba(167,167,173,.24);
}

.categoriesMob__item .number
{
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;

    color: rgba(232,234,237,.6);
    font-size: 9px;
    font-weight: 600;
    line-height: 16px;

    padding: 0 6px;

    border-radius: 50px;
    background: rgb(209,12,187);
    background: linear-gradient(to right,  rgba(209,12,187,1) 0%,rgba(248,102,14,1) 100%);
}

.categoriesMob__item .name
{
    display: block;

    width: 100%;
    min-height: 44px;
    margin-top: 16px;

    opacity: .99;
}

.categoriesMob__item .icon
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 52px;
    height: 52px;
}

.categoriesMob__item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.categoriesMob .list
{
    color: #AAAAAF;
    font-size: 10px;
    line-height: 20px;

    margin-top: 16px;
}

.categoriesMob.searchMob .list
{
    display: none;
}

.categoriesMob .list a
{
    color: #D9D9DE;

    padding-bottom: 2px;

    text-decoration: none;

    opacity: .99;
    border-bottom: 1px solid transparent;
}



/* ---------------------
	copyright
--------------------- */
.copyright
{
    color: #E4EEF2;
    font-size: 12px;

    padding: 0 0 30px 3px;

    opacity: .29;
}

.copyright a
{
    color: currentColor;

    display: inline-block;

    text-decoration: none;
}

footer .copyright_pc
{
    color: #D9D9DE;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;

    opacity: .6;
}

footer .copyright_pc br
{
    display: none;
}

footer .copyright_pc a
{
    color: currentColor;

    display: inline-block;

    text-decoration: none;
}



/*---------------
	Footer
---------------*/
footer
{
    flex: 0 0 auto;

    margin-top: 36px;
}

.footer_hide
{
    margin-top: 0;
}

.footer_hide .content_all
{
    display: none;
}

.footer_game
{
    display: none;
}

footer .content_all
{
    padding-top: 7px;
    padding-bottom: 7px;
}

footer .cont
{
    justify-content: space-between;
    flex-wrap: nowrap;
}

footer .top
{
    width: 100%;
}

footer .list
{
    color: #AAAAAF;
    font-size: 10px;
    line-height: 20px;

    display: none;
    align-content: center;
    align-items: center;

    margin-top: 9px;
}

footer .list a
{
    color: #AAAAAF;

    text-decoration: none;
}

footer .list .sep
{
    width: 1px;
    height: 16px;
    margin: 0 9px;

    background: #46464F;
}

footer .imp
{
    color: #D9D9DE;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;

    opacity: .6;
}

footer .limit
{
    color: #D9D9DE;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;

    opacity: .6;
}

footer .limit br
{
    display: none;
}

footer .limit a
{
    color: currentColor;
}

footer .copyright
{
    display: none;

    width: calc(100% - 210px);
    margin-top: 9px;
}

footer .icons
{
    flex-shrink: 0;

    margin-left: 30px;
}

footer .content_all:not(.no_login) .icons
{
    display: none;
}

footer .icons .img + .img
{
    margin-left: 10px;
}

footer .icons .img
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    height: 30px;
}

footer .icons .img.adult
{
    align-content: flex-end;
    align-items: flex-end;
}

footer .icons .img.mc
{
    align-content: flex-end;
    align-items: flex-end;

    padding-bottom: 3px;
}

footer .icons .img img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

footer .icons .img a
{
    display: block;

    height: 100%;

    opacity: .6;

    transition: opacity .1s linear;
}

footer .icons .img a:hover
{
    opacity: 1;
}

footer .icons .img a img
{
    height: 100%;
}


/* ---------------------
	info_game
--------------------- */
.info_game
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: -30px;

    background: #050A10;
}

.info_game .ic__info
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 30px;
    height: 30px;
}

.info_game .ic__info img
{
    display: block;

    max-width: 90%;
    max-height: 90%;
}

.info_game .close_info
{
    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 50px;
    height: 50px;
    padding: 13px;
}

.info_game .close_info span
{
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    background: #FFF;
}

.info_game .close_info span:nth-child(1)
{
    top: 1px;

    transform: rotate(45deg);
}

.info_game .close_info span:nth-child(2)
{
    top: -1px;

    transform: rotate(-45deg);
}

.mainGame.mob .info_game
{
    left: 0;

    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;

    background: #050A10;
}

.mainGame.mob .info_game .close_info
{
    display: flex;
}


/* ---------------------
	form__reg
--------------------- */
.form__reg .block_reg
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

.form__reg .block_reg.active
{
    visibility: visible;
    overflow: visible;

    height: auto;

    pointer-events: all;

    opacity: 1;

    transition: opacity .5s linear;
}

.form__title
{
    color: #46464F;
    font-size: 14px;
    font-weight: 600;

    margin: 20px 0;
}

.form__all._modal .form__title
{
    color: #FFF;
    font-size: 15px;
    font-weight: 500;

    margin: 0 0 16px;

    text-align: center;

    opacity: .87;
}

.form__title + .form__subtitle
{
    margin-top: -8px;
}

.form__subtitle
{
    color: #46464F;
    font-size: 12px;
    font-weight: 400;
}

.form__all._modal .form__subtitle
{
    color: #D9D9DE;
    font-size: 14px;
    line-height: 1.2;

    text-align: center;
}


/*---------------
	PopUp
---------------*/
.modal
{
    display: none;
    visibility: visible !important;

    width: 450px;
    max-width: 100%;
    padding: 20px 16px 9px;

    border: 1px solid #27262E;
    border-radius: 3px;
    background: #1C1C24;
    box-shadow: 0 1px 14px rgba(0,0,0,.6);
}

.game_modal
{
    width: 450px;
    max-width: 100%;
    padding: 20px 16px 9px;

    border: 1px solid #27262E;
    border-radius: 3px;
    background: #1C1C24;
    box-shadow: 0 1px 14px rgba(0,0,0,.6);
}

.game_modal .fancybox-close-small
{
    display: none;
}

.head_modal
{
    padding-right: 30px;
}

.modal_title
{
    color: #EBEBF0;
    font-size: 18px;
    font-weight: 500;

    margin-bottom: 20px;
}

.modal_text
{
    color: #FFF;
}

.modal_text a
{
    color: #AAAAAF;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: .2s linear;
}

.modal_text a:hover
{
    border-bottom-color: transparent;
}

.modal_titleSmall
{
    color: #D9D9DE;
    font-size: 14px;
    font-weight: 500;

    margin-top: 32px;
}

.modal-calendar .desc-bonus
{
    max-width: none;
    margin: 0;
    padding: 0;

    border: none;
    border-radius: 0;
}

.modal-calendar .desc-bonus__more
{
    margin-top: 0;
}

#modal-race-info .calendar-bonuses__top
{
    min-height: 32px;
}

.modal.modal-calendar
{
    width: 500px;
    padding: 9px 11px 11px;

    border: 1px solid #3D4143;
    border-radius: 8px;
    background: var(--bg);
    box-shadow: none;
}

.modal.modal-calendar_nopad
{
    padding: 0;
}

.modal-calendar._info
{
    height: 612px;
    max-height: 100%;
}

.modal-calendar._info .calendar-bonuses
{
    display: none;
}

.modal-calendar .calendar-bonuses__top
{
    padding-right: 52px;
}

.modal-calendar .calendar-bonuses__item
{
    width: calc(100%/3 - 10px);
}

.fancybox-slide--html .modal-calendar .fancybox-close-small
{
    top: 9px;
    right: 11px;

    color: #8C979C;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 44px;
    height: 32px;

    cursor: pointer;

    border: 1px solid #3D4143;
    border-radius: 10px;
    background: transparent url(../images/ic_bonus/ic_close.svg) 50% no-repeat;
}

@media (any-hover: hover)
{
    .fancybox-slide--html .modal-calendar .fancybox-close-small:hover
    {
        border-color: transparent;
        background-color: #222426;
    }
}

.modal-calendar .fancybox-close-small::after,
.modal-calendar .fancybox-close-small::before
{
    display: none;
}

.modal-bonus-info
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    border-radius: 8px;
    background: #191B1C;
}

.modal-bonus-info_rel
{
    position: relative;

    display: block;

    height: 612px;
}

.modal-calendar._info .modal-bonus-info
{
    display: block;
}

.modal-bonus-info::before
{
    content: "";

    position: absolute;
    top: 49px;
    left: 0;

    width: 100%;
    height: 50%;

    background: linear-gradient(to bottom, rgba(34,36,38,1) 0%,rgba(25,27,28,1) 100%);
}

.modal-bonus-info__heade
{
    align-content: center;
    align-items: center;

    height: 49px;
    padding: 9px 65px;
}

.modal-bonus-info_rel .modal-bonus-info__heade
{
    padding-left: 21px;
}

.modal-bonus-info__back
{
    position: absolute;
    top: 9px;
    left: 11px;

    color: #8C979C;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 40px;
    height: 31px;
    margin-left: 0;

    cursor: pointer;

    border: none;
    border-radius: 8px;
    background: #222426;
}

.modal-bonus-info__back svg
{
    width: 16px;
    height: 13px;

    fill: currentColor;
}

.modal-bonus-info__title
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .99;
}

.modal-bonus-info__scroll
{
    position: relative;

    overflow: hidden;
    overflow-y: auto;

    max-height: calc(100% - 49px);
    padding: 18px 21px 24px;
}

.modal-bonus-info__img img
{
    display: block;

    max-width: 264px;
    margin: 0 auto;
}

.modal-bonus-info__name
{
    color: #D1E1E8;
    font-size: 17px;
    font-weight: 500;
    line-height: 29px;

    max-width: 264px;
    margin: 24px auto 0;

    text-align: center;
}

.modal-bonus-info__info
{
    max-width: 264px;
    margin: 22px auto 0;

    text-align: center;
}

.modal-bonus-info__info-title
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;

    text-align: center;

    opacity: .99;
}

.modal-bonus-info__info-title._gray
{
    opacity: .4;
}

.modal-bonus-info__info-title + .modal-bonus-info__info-title
{
    margin-top: 4px;
}

.modal-bonus-info__info .bonus-progressbar
{
    max-width: 250px;
    height: 10px;
    margin-top: 12px;
}

.modal-bonus-info__sum
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;

    margin-top: 14px;

    text-align: center;

    opacity: .99;
}

.modal-bonus-info__info-active
{
    color: #FF8F33;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 6px;

    text-align: center;

    opacity: .99;
}

.modal-bonus-info__bot
{
    margin-top: 12px;
}

.modal-bonus-info__btn
{
    color: #222426;
    font: 700 14px/35px var(--font_family);

    display: inline-block;

    padding: 0 15px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border: none;
    border-radius: 8px;
    background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,143,51,1) 5%,rgba(255,107,0,1) 100%);
    box-shadow: inset 0 -2px 1px #FD4818, 0 0 5px rgba(255,122,21,.35);
}

@media (any-hover: hover)
{
    .modal-bonus-info__btn:hover
    {
        background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,107,0,1) 100%);
    }
}

.modal-bonus-info__btn:active
{
    background: linear-gradient(to bottom,  rgba(253,94,24,1) 0%,rgba(255,122,21,1) 5%,rgba(255,107,0,1) 100%);
}

.modal-bonus-info__text
{
    margin-top: 52px;
}

.modal-bonus-info__text > :last-child
{
    margin-bottom: 0 !important;
}

.modal-bonus-info__text h2
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 16px;

    opacity: .99;
}

.modal-bonus-info__text p
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;

    margin-bottom: 16px;

    opacity: .99;
}

.modal-bonus-info__text ul
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;

    margin-top: 10px;
    margin-bottom: 10px;

    opacity: .99;
}

.modal-bonus-info__text ul li
{
    list-style-position: inside;
}

.cats-bonus__grid
{
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    margin: -16px 0 0 -16px;
}

.cats-bonus_inner .cats-bonus__grid
{
    justify-content: flex-start;

    margin: 16px 0 0 -16px;
}

.bonus-page .cats-bonus_inner .cats-bonus__grid
{
    margin-top: -6px;
}

.cats-bonus__item
{
    width: calc(50% - 16px);

/* width: calc(100%/3 - 16px); */
    margin-top: 16px;
    margin-left: 16px;
}

.cats-bonus_inner .cats-bonus__item
{
    width: calc(100%/3 - 16px);
    margin-left: 16px;
}

.bonus-page .cats-bonus_inner .cats-bonus__item
{
    width: calc(100%/2 - 16px);
}

.cats-bonus__item-wrap
{
    position: relative;

    padding-bottom: calc(25% - 8px);

    /* padding-bottom: 52.04%; */
}

.cats-bonus_inner .cats-bonus__item-wrap
{
    padding-bottom: 52.04%;
}

.cats-bonus__box
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    width: 100%;
    height: 100%;
    padding: 16px;

    cursor: pointer;
    text-align: left;
    text-decoration: none;

    border: 1px solid #3D4143;
    border-radius: 10px;
    background: transparent;
}

@media (any-hover: hover)
{
    .cats-bonus__box:hover
    {
        border-color: transparent;
        background: #222426;
    }
}

.cats-bonus__info
{
    display: flex;
    flex-direction: column;
}

.cats-bonus__name
{
    color: #D1E1E8;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;

    margin-bottom: auto;

    opacity: .99;
}

.cats-bonus__btn
{
    padding-top: 30px;
}

.cats-bonus__btn span
{
    color: #FF981B;
    font: 600 14px/30px var(--font_family);

    display: inline-block;

    padding: 0 16px 2px;

    vertical-align: top;

    border: none;
    border-radius: 10px;
    background: rgba(255,152,27,.2);
}

.cats-bonus__btn_dark span
{
    color: #FF6E05;
}

.cats-bonus__btn b
{
    font-weight: 600;

    opacity: .99;
}

.cats-bonus__img
{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 50%;
}

.cats-bonus__img img
{
    display: block;

    max-width: 100%;
    height: 100%;
    max-height: 100%;

    object-fit: contain;
}


.fancy_btn
{
    margin-top: 32px;

    text-align: right;
}

.fancy_close
{
    color: #8B8991;
    font: 600 12px var(--font_family);

    display: inline-block;

    cursor: pointer;
    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.form__all .amount
{
    align-content: center;
    align-items: center;

    height: 46px;
    margin-bottom: 16px;

    border-bottom: 1px solid #2F3038;
}

.form__all .amount .number
{
    color: #B2B2B8;
    font-size: 12px;
    font-weight: 500;
}

.form__all .amount .number b
{
    font-weight: 500;
}

.form__all .amount .editAmount_btn
{
    color: #6969FF;
    font: 500 12px var(--font_family);

    display: block;

    width: auto;
    height: 14px;
    margin-left: auto;

    cursor: pointer;

    border: none;
    border-radius: 50px;
    background: none;
}

.form__all .edit_amount
{
    display: none;
}

.form__all .promoCode_btn
{
    position: relative;

    color: #B2B2B8;
    font: 500 12px var(--font_family);

    display: inline-block;

    height: 16px;
    padding-left: 24px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.form__all .promoCode_btn:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 13px;
    height: 13px;

    background: url(../images/ic_gift2.svg) 50%/contain no-repeat;
}

.form__all .promo_code
{
    display: none;
}

.form__all .input_currency
{
    padding-right: 28px;
}

.form__all .with_currency
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;

    color: #8B8991;
    font-size: 14px;
    line-height: 45px;
}

.form__all .pay
{
    margin-top: 32px;
}

.form__all .pay_btn
{
    color: #2FD99C;
    font: 500 14px var(--font_family);

    display: inline-block;

    min-width: 126px;
    height: 39px;
    padding: 0 30px;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: 2px solid #2FD99C;
    border-radius: 50px;
    background: none;

    transition: .1s linear;
}

.form__all .pay_btn:hover
{
    transform: scale(1.04);
}


.desc_funds
{
    color: #8B8991;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;

    margin-top: 32px;
}

.desc_funds.white
{
    color: #E64A60;
    font-size: 12px;
}

.data_user
{
    margin-top: 24px;
}

.data_user .line + .line
{
    margin-top: 16px;
}

.data_user .title
{
    color: #8B8991;
    font-size: 12px;
    font-weight: 500;
}

.data_user .data
{
    color: #D9D9DE;
    font-size: 14px;
    font-weight: 500;

    margin-top: 12px;
}



/* ---------------------
	page_login
--------------------- */
.page_login
{
    min-height: 100vh;
    padding: 30px 0;

    background: #FFF;
}

.page_login.page_reg
{
    padding-top: 0;
}

.page_login .head
{
    margin-bottom: 30px;

    background: #260833;
}

.page_login .head img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.page_login .logo
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin-bottom: 28px;
}

.page_login .logo a,
.page_login .logo img
{
    display: block;

    max-width: 100%;
}

.cont_login
{
    max-width: 450px;
    margin: 0 auto;
}

.cont_login .title
{
    color: #46464F;
    font-size: 16px;
    font-weight: 600;

    margin-bottom: 12px;

    text-align: center;
}

.cont_login .title.marg
{
    margin-bottom: 30px;
}

.cont_login .sub_title
{
    color: #46464F;
    font-size: 14px;
    font-weight: 600;

    margin-bottom: 12px;

    text-align: center;
}

.cont_login .desc
{
    color: #46464F;
    font-size: 14px;
    line-height: 140%;

    margin-bottom: 20px;

    text-align: center;
}

.cont_login .desc
{
    color: #46464F;
    font-size: 14px;
    line-height: 140%;

    margin-bottom: 20px;

    text-align: center;
}

.cont_login * + .desc
{
    margin-top: 30px;
}

.cont_login .desc a
{
    color: #46464F;
}

.cont_login .desc a:hover
{
    text-decoration: none;
}

.form__white .line_flex
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form__white .line_flex.three
{
    justify-content: flex-start;

    margin-left: -16px;
}

.form__white .line_form
{
    margin-bottom: 6px;
}

.form__white .line_flex .line_form
{
    width: calc(50% - 8px);
}

.form__white .line_flex.three .line_form
{
    width: calc(33.333% - 16px);
    margin-left: 16px;
}

.form__white .field
{
    position: relative;
}

.form__white .input
{
    color: #696970;
    font: 500 15px/55px var(--font_family);

    display: block;

    width: 100%;
    height: 52px;
    padding-top: 16px;

    text-align: center;

    border: none;
    border-bottom: 2px solid #CFCFCF;
    background: #FFF;
}

.form__white .input:focus
{
    border-bottom-color: #696970;
}

.form__white .input.error,
.form__white .select_wrap .error + .nice-select .current
{
    border-bottom-color: #FF0054;
}

.form__white .error_text
{
    color: #FF0054;
    font-size: 15px;

    margin-top: 16px;
    padding-bottom: 6px;
}


.label-text
{
    color: #B2B2B8;
    font-size: 12px;
    line-height: 16px;

    margin-bottom: 4px;
}

.form__white .label
{
    position: absolute;
    top: 0;
    left: 0;

    color: #B2B2B8;
    font-size: 15px;
    line-height: 50px;

    overflow: hidden;

    width: 100%;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;

    background: #FFF;
}

.form__white .input:focus + .label,
.form__white .full .label
{
    font-size: 12px;
    line-height: 16px;

    background: transparent;
}

.form__white .view_pas
{
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 8px;

    display: block;

    width: 28px;
    height: 18px;

    cursor: pointer;

    border: none;
    background: url(../images/ic_eye2.svg) 50%/contain no-repeat;
}

.form__white .view_pas:hover,
.form__white .view_pas.active
{
    background-image: url(../images/ic_eye2H.svg);
}

.form__white .info_field
{
    color: #8B8991;
    font-size: 12px;
    font-weight: 500;

    margin-top: 18px;
}

.form__white .box_btn
{
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.form__white .submit
{
    margin-top: 24px;
}

.form__white .box_btn .submit
{
    width: 220px;
}

.form__white .submit_btn
{
    color: #FFF;
    font: 500 14px var(--font_family);

    display: block;

    width: 100%;
    height: 49px;

    cursor: pointer;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    background: #2F3038;

    transition: .1s linear;
}

.form__white .submit_btn:hover
{
    transform: scale(1.04);
}

.form__white .forgot
{
    margin-top: 24px;
}

.form__white .forgot a
{
    color: #46464F;
    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
    text-transform: uppercase;
}

.form__white * + .title
{
    margin-top: 26px;
}

.form__white .reg a
{
    color: #6969FF;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;

    display: block;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 3px solid #7C7CFF;
    border-radius: 50px;

    transition: .1s linear;
}

.form__white .reg a:hover
{
    transform: scale(1.04);
}

.form__white .error_all
{
    color: #2F3038;
    font-size: 14px;
    font-weight: 600;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 47px;
    margin-bottom: 30px;
    padding: 5px;

    text-align: center;

    border-radius: 3.5px;
    background: #FF0054;
}

.form__white .error_all a
{
    color: #2F3038;
}

.form__white .error_all a:hover
{
    text-decoration: none;
}

.form__white .back
{
    color: #6969FF;
    font: 600 14px var(--font_family);

    display: block;

    width: 100%;
    height: 44px;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    border: 3px solid #7C7CFF;
    border-radius: 50px;
    background: transparent;

    transition: .1s linear;
}

.form__white .back:hover
{
    transform: scale(1.04);
}

.form__white .line_tel
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form__white .line_input
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin-left: -10px;
}

.form__white .line_tel .select_wrap
{
    width: 90px;
}

.form__white .line_tel .field
{
    width: calc(100% - 110px);
}

.form__white .line_tel .input
{
    text-align: left;
}

.form__white .line_tel .label
{
    text-align: left;
}

.form__white .select_wrap
{
    position: relative;
}

.form__white .select_wrap select
{
    display: none;
}

.form__white .select_wrap .nice-select
{
    position: relative;

    display: block;
}

.form__white .select_wrap .nice-select.open
{
    z-index: 11;
}

.form__white .select_wrap .nice-select .current
{
    position: relative;
    z-index: 10;

    color: #696970;
    font: 500 15px/50px var(--font_family);

    display: block;
    overflow: hidden;

    height: 52px;
    padding-right: 30px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border-bottom: 2px solid #CFCFCF;
}

.form__white .select_wrap .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 14px;
    height: 8px;
    margin-top: -5px;

    background: url(../images/arrow3.svg) 50% no-repeat;
}

.form__white .select_wrap .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    pointer-events: none;

    opacity: 0;
    border: 2px solid #CFCFCF;
    border-top: none;
    background: #FFF;
}

.form__white .select_wrap .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.form__white .select_wrap .nice-select .list .scrollbar
{
    overflow-y: auto;

    max-height: 340px;
}

.form__white .select_wrap.small .nice-select .list .scrollbar
{
    max-height: 190px;
}

.form__white .select_wrap .nice-select .list .scrollbar::-webkit-scrollbar
{
    width: 7px;
    height: 4px;

    border-radius: 2px;
    background-color: transparent;

    -webkit-appearance: none;
}

.form__white .select_wrap .nice-select .list .scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 2px;
    background-color: #000;
}

.form__white .select_wrap .nice-select .list .list_item
{
    color: #696970;
    font-size: 15px;
    font-weight: 500;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 40px;
    padding: 5px 9px;

    cursor: pointer;
}

.form__white .select_wrap .nice-select .list .list_item:empty
{
    display: none;
}

.form__white .select_wrap .nice-select .list .list_item:hover
{
    background: #CCC;
}

.form__white .select_wrap .nice-select .list .list_item.selected
{
    background: #F1F1F1;
}


.form-work,
.form-owner,
.form-self-employed,
.form-irregular-work,
.form-no-work,
.form-other,
.form-non-beneficiary
{
    display: none;
}


.form__white .checkbox
{
    margin-bottom: 10px;
}

.form__white .checkbox .label_check input[type=checkbox]
{
    display: none;
}

.form__white .checkbox .label_check
{
    position: relative;

    display: table-cell;

    height: 26px;

    vertical-align: middle;
}

.form__white .checkbox .label_check input[type=checkbox] + .check_text
{
    color: #8B8991;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;

    display: block;

    padding-left: 35px;

    cursor: pointer;
    text-align: left;
}

.form__white .checkbox .label_check input[type=checkbox] + .check_text:before
{
    content: "";

    position: absolute;
    top: 1px;
    left: 0;

    width: 24px;
    height: 24px;

    border: 2px solid #B2B2B8;
    border-radius: 1px;
}

.form__white .checkbox .label_check:hover input[type=checkbox] + .check_text:before
{
    border-width: 1px;
    border-color: #CFCFCF;
    background: #D8D8DA;
}

.form__white .checkbox .label_check.error input[type=checkbox] + .check_text:before
{
    border-color: #FF0054;
}

.form__white .checkbox .label_check input[type=checkbox] + .check_text:after
{
    content: "";

    position: absolute;
    top: 1px;
    left: 0;

    width: 24px;
    height: 24px;

    opacity: 0;
    background: url(../images/check2.svg) 50% no-repeat;
}

.form__white .checkbox .label_check input[type=checkbox]:checked + .check_text:after
{
    opacity: 1;
}

.form__white .checkbox .label_check a
{
    color: #8B8991;

    text-decoration: none;

    border-bottom: 1px solid;
}

.form__white .checkbox .label_check a:hover
{
    border-bottom-color: transparent;
}


.form__white .radio
{
    margin-bottom: 10px;
}

.form__white .radio .label_check input[type=radio]
{
    display: none;
}

.form__white .radio .label_check
{
    position: relative;

    display: table-cell;

    height: 26px;

    vertical-align: middle;
}

.form__white .radio .label_check input[type=radio] + .check_text
{
    color: #696970;
    font-size: 15px;
    line-height: 20px;

    display: block;

    padding-left: 35px;

    cursor: pointer;
    text-align: left;
}

.form__white .radio .label_check input[type=radio] + .check_text:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 26px;
    height: 26px;

    border: 2px solid #B2B2B8;
    border-radius: 50%;
}

.form__white .radio .label_check:hover input[type=radio] + .check_text:before
{
    border-width: 1px;
    background: #D8D8DA;
}

.form__white .radio .label_check.error input[type=radio] + .check_text:before
{
    border-color: #FF0054;
}

.form__white .radio .label_check input[type=radio]:checked + .check_text:before
{
    background: #696970;
    box-shadow: inset 0 0 0 6px #FFF;
}

.form__white .radio .label_check:hover input[type=radio]:checked + .check_text:before
{
    border-width: 1px;
    background: #696970;
    box-shadow: inset 0 0 0 7px #D8D8DA;
}

.form__white .radio .label_check a
{
    color: #8B8991;

    text-decoration: none;

    border-bottom: 1px solid;
}

.form__white .radio .label_check a:hover
{
    border-bottom-color: transparent;
}

.form__white .botMarg
{
    margin-top: 16px;
}


.page_login .line_number
{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;

    margin-top: 10px;
    padding-left: 1px;
}

.page_login .line_number .number
{
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;

    flex-grow: 1;

    margin-left: -1px;

    text-align: center;

    border-left: 1px solid #6969FF;
    background: #2F3038;
}

.page_login .line_number .number:first-child
{
    border-left: none;
}

.page_login .line_number .number.active
{
    color: #6969FF;

    background: transparent;
}



/* ---------------------
	contacts
--------------------- */
.contacts .phone
{
    color: #EBEBF0;
    font-size: 22px;
    font-weight: 500;
    line-height: 110%;

    margin-bottom: 30px;
}

.contacts .phone a
{
    color: #EBEBF0;

    text-decoration: none;
}



/* ---------------------
	btn_pay
--------------------- */
.btn_pay
{
    margin-top: 30px;
}

.btn_pay .submit_pay
{
    position: relative;

    color: #303348;
    font: 600 13px/36px var(--font_family);

    display: inline-block;

    height: 34px;
    padding: 0 16px;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    background: #E8E8E8;
}


/* ---------------------
	methods_pay
--------------------- */
.methods_pay
{
    margin: 14px 0 0 -6px;
}

.methods_pay .icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 68px;
    height: 22px;
    margin: 6px 0 0 6px;
    padding: 2px;

    border: 1px solid #2F3038;
    border-radius: 1px;
    background: #1C1C24;
}

.methods_pay .icon.white
{
    background: #E8E8E8;
}

.methods_pay .icon.small
{
    width: 31px;
}

.methods_pay .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}



/* ---------------------
	table_balance
--------------------- */
.table_balance
{
    width: 100%;

    border-collapse: collapse;
}

.table_balance
{
    margin-top: 5px;
}

.table_balance tr td
{
    padding-top: 15px;

    vertical-align: middle;
}

.table_balance tr td + td
{
    padding-left: 20px;
}

.table_balance tr td:first-child
{
    width: 30%;

    white-space: nowrap;
}

.table_balance tr td .desc_table
{
    font-size: 14px;

    margin-top: 10px;
}

.table_balance .form__all .submit_btn.small
{
    padding: 0 25px;
}


/* ---------------------
	navigation
--------------------- */
.navigation
{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin-bottom: 30px;
    padding: 5px 10px;

    background: #1C1C24;
}

.navigation .prev
{
    width: 30%;
}

.navigation .prev a
{
    position: relative;

    color: #B2B2B8;
    font-size: 14px;
    line-height: 26px;

    display: inline-block;

    padding-left: 20px;

    vertical-align: top;
    text-decoration: none;
}

.navigation .prev a.disabled,
.navigation .next a.disabled
{
    opacity: .52;
}

.navigation .prev a:after
{
    content: "";

    position: absolute;
    top: 50%;
    left: 3px;

    display: block;

    width: 8px;
    height: 8px;
    margin-top: -5px;

    border-bottom: 2px solid #B2B2B8;
    border-left: 2px solid #B2B2B8;

    transform: rotate(45deg);
}

.navigation .date
{
    color: #FFF;
    font-weight: 500;

    width: 40%;
    padding: 0 15px;

    text-align: center;
}

.navigation .next
{
    width: 30%;

    text-align: right;
}

.navigation .next a
{
    position: relative;

    color: #555;
    font-size: 14px;
    line-height: 26px;

    display: inline-block;

    padding-right: 20px;

    vertical-align: top;
    text-decoration: none;
}

.navigation .next a:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 3px;

    display: block;

    width: 8px;
    height: 8px;
    margin-top: -5px;

    border-right: 2px solid #B2B2B8;
    border-bottom: 2px solid #B2B2B8;

    transform: rotate(-45deg);
}



/* ---------------------
	mainBox__all
--------------------- */
.mainBox__all
{
    line-height: 130%;

    max-width: 332px;
    margin: 0 auto;

    background: #181820;
}

.mainBox__all.middle
{
    max-width: 732px;
}

.mainBox__all.big
{
    max-width: none;
}

.mainBox__all.flex
{
    align-content: stretch;
    align-items: stretch;

    max-width: none;
}

.lkMenu
{
    width: 200px;

    background: #1C1C24;
}

.lkMenu .item a
{
    position: relative;
    z-index: 2;

    color: #D9D9DE;
    font-size: 14px;
    font-weight: 500;
    line-height: 51px;

    display: block;

    height: 49px;
    padding: 0 16px 0 43px;

    text-decoration: none;
}

.lkMenu .item a:hover
{
    background: #46464F;
}

.lkMenu .item a.active
{
    background: #26262E;
}

.lkMenu .item a .icon
{
    position: absolute;
    top: 50%;
    left: 16px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 18px;
    height: 18px;
    margin-top: -9px;
}

.lkMenu .item a .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.mainBox__all .bg_modal
{
    position: relative;

    padding: 16px;
}

.mainBox__all.flex .bg_modal
{
    width: calc(100% - 200px);
}

.mainBox__all .bg_modal > :first-child
{
    margin-top: 0 !important;
}

.mainBox__all .head
{
    position: relative;

    width: 100%;
    padding: 10px 16px;

    background: #1C1C24;
}

.title-modal
{
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.mainBox__all .close_modal
{
    position: absolute;
    top: 13px;
    right: 10px;

    width: 24px;
    height: 24px;

    background: url(../images/ic_close.svg) 50%/18px auto no-repeat;
}

.mainBox__all .close_modal:hover
{
    transform: rotate(180deg);
}

.mainBox__all .form__all
{
    margin-top: 20px;
}

.mainBox__all .line_number
{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;

    margin-top: 10px;
    padding-left: 1px;
}

.mainBox__all .line_number .number
{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;

    flex-grow: 1;

    margin-left: -1px;

    text-align: center;

    border-left: 1px solid #1F1F2E;
    background: #1C1C24;
}

.mainBox__all .line_number .number:first-child
{
    border-left: none;
}

.mainBox__all .line_number .number.active
{
    background: #4584FF;
}


.mainBox__all .sub_title
{
    font-size: 18px;
    font-weight: 700;

    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 10px 16px;

    border-bottom: 2px solid #2B2C33;
}

.mainBox__all .desc
{
    font-size: 14px;
    line-height: 140%;

    margin-top: 10px;
}

.mainBox__all .desc a
{
    color: #DCDCDD;

    text-decoration: none;
}

.mainBox__all .info_customer
{
    color: #AAAAAF;
    font-size: 14px;

    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 20px 16px 0;

    border-top: 2px solid #2B2C33;
}

.mainBox__all .bot_bord
{
    width: calc(100% + 32px);
    margin-top: 30px;
    margin-left: -16px;
    padding: 10px 16px 0;

    border-top: 2px solid #2B2C33;
}

.mainBox__all .bot_bord > :first-child
{
    margin-top: 0 !important;
}

.mainBox__all .title_big
{
    font-size: 26px;
    font-weight: 700;

    text-align: center;
}

.mainBox__all .info_big
{
    font-size: 18px;
    font-weight: 700;

    margin-top: 40px;

    text-align: center;
}



/* ---------------------
	autosuggest_block
--------------------- */
.autosuggest
{
    position: absolute;
    z-index: 100;
    top: calc(100% + 4px);
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;

    border-radius: 8px;
    background: #1D2022;
}

.autosuggest:empty
{
    display: none !important;
}

.autosuggest.shadow::after
{
    content: "";

    position: absolute;
    bottom: 47px;
    left: 0;

    width: 100%;
    height: 20px;

    background: linear-gradient(to bottom, rgba(29,32,34,0) 0%,rgba(29,32,34,1) 70%,rgba(29,32,34,1) 100%);
}

.autosuggest__scroll
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 330px;
    margin-top: 8px;

    scrollbar-color: var(--bg_scroll) #1D2022;
    scrollbar-width: thin;
}

.autosuggest__scroll:empty
{
    display: none;
}

.autosuggest__scroll::-webkit-scrollbar-track
{
    background-color: #1D2022;
}

.autosuggest__scroll::-webkit-scrollbar
{
    background-color: #1D2022;
}

.autosuggest__scroll::-webkit-scrollbar-thumb
{
    border-color: #1D2022;
    background-color: none;
}

.autosuggest__item
{
    color: #D1E1E8;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    padding: 9px 15px;

    text-decoration: none;
}

.autosuggest__item:hover
{
    background: rgba(204,224,234,.09);
}

.autosuggest__img
{
    position: relative;

    display: block;
    overflow: hidden;
    flex-shrink: 0;

    width: 87px;
    height: 52px;
    margin-right: 14px;

    border-radius: 8px;
}

.autosuggest__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.autosuggest__box
{
    align-self: center;
}

.autosuggest__name
{
    display: block;

    opacity: .95;
}

.autosuggest__provider
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 600;

    display: block;

    margin-top: 5px;

    opacity: .65;
}

.autosuggest__total
{
    position: relative;

    color: #D1E1E8;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-bottom: 8px;
    padding: 0 18px;

    text-decoration: none;
}

.autosuggest__total:hover
{
    background: rgba(204,224,234,.09);
}

.autosuggest__total span
{
    opacity: .95;
}



/* ---------------------
	main_sports
--------------------- */
.main_sports .grid
{
    margin: 4px 0 0 calc(var(--marg_game)*-1);

    --marg_game: 20px;
    --numbers_game: 4;
}

.main_sports .item_wrap
{
    display: block;

    width: calc(100%/var(--numbers_game) - var(--marg_game));
    margin: var(--marg_game) 0 0 var(--marg_game);
}

.main_sports .item_wrap:nth-child(n + 5)
{
    display: none;
}

.main_sports .item
{
    position: relative;

    display: block;

    padding-bottom: 56.38%;

    border-radius: 5px;
    background: var(--bg_defoult);
}

.main_sports .item .bg
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    border-radius: 5px;

    object-fit: cover;
}

.main_sports .item:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 1px solid #41414F;
    border-radius: 5px;
    background: #1E1E29;
}

.main_sports .item .block
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding: 0 15px;
}

.main_sports .item .logo
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 50px;
    height: 100%;
}

.main_sports .item .logo img
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
}


.main_sports .item .logo img.circle
{
    border-radius: 50%;
}

.main_sports .item .logo svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
}

.main_sports .item .logo .loaded + svg
{
    display: block;
}

.main_sports .item .info
{
    width: calc(100% - 110px);
    margin: 0 5px;
}

.main_sports .item .name
{
    color: #EBEBF0;
    font-family: var(--font_family2);
    font-size: 14px;
    line-height: 22px;

    display: block;

    text-align: center;
    text-transform: uppercase;
}

.main_sports .item .name span
{
    display: block;
}

.main_sports .item .name i
{
    font-style: normal;
}

.main_sports .item .desc
{
    color: #EBEBF0;
    font-family: var(--font_family2);
    font-size: 14px;
    line-height: normal;

    display: block;

    margin-top: 10px;

    text-align: center;
}


.sitemap
{
    margin-top: 16px;
}

.sitemap__bord
{
    margin-top: 50px;
    padding-top: 29px;

    border-top: 1px solid var(--bord_color3);
}


/* ---------------------
	button_chat
--------------------- */
.button_chat
{
    position: fixed;
    z-index: 400;
    right: 1em;
    bottom: 30px;

    display: flex;
    visibility: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 55px;
    height: 55px;

    pointer-events: none;

    opacity: 0;
    border-radius: 50%;
    background: #68BFD4;

    transition: .2s linear;
}

.button_chat.show
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.button_chat img
{
    display: block;

    width: 27px;
    height: 29px;
}

.button_chat svg
{
    display: block;

    width: 28px;
    height: 26px;
}

.button_chat::after
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;

    opacity: 0;
    background: #68BFD4;

    transition: opacity .2s linear;
}

.button_chat.load-chat::after
{
    opacity: 1;
}

.button_chat .button_chat-loader
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;

    opacity: 0;

    transition: opacity .2s linear;
}

.button_chat.load-chat .button_chat-loader
{
    opacity: 1;
}

.wrap_game .button_chat
{
    display: none;
}



.page_login.page_poi
{
    padding: 80px 0;
}


/* ---------------------
	preloader
--------------------- */
.preloader
{
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;

    width: 100%;

    pointer-events: none;

    transition: .2s linear;
}

.preloader .content_all
{
    padding-top: 0;
    padding-bottom: 0;
}

.preloader.hide
{
    visibility: hidden;

    opacity: 0;
}

.preloader .bg
{
    padding: 1em 0;

    background: var(--bg);
}

.preloader span
{
    position: relative;

    display: block;

    width: 4em;
    height: 4em;
    margin: 0 auto;

    border: .5em solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;

    animation: 1s preloader linear infinite;
}

.preloader span:before
{
    content: "";

    position: absolute;
    top: -.5em;
    left: -.5em;

    display: block;

    width: inherit;
    height: inherit;

    opacity: .5;
    border: .5em solid currentcolor;
    border-radius: 50%;
}

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


/* ---------------------
	Modal verification
--------------------- */
.modal-verification
{
    position: fixed;
    z-index: 400;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    border-radius: 0;
    background: none;
}

.modal-verification__flex
{
    display: flex;
    overflow: hidden;
    overflow-y: auto;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding: 20px;

    background: rgba(13, 13, 18, .6);
}

.modal-verification__wrap
{
    position: relative;

    width: 330px;
    max-width: 100%;
    margin: auto;
    padding: 20px 16px;

    border: 1px solid #27262E;
    border-radius: 3px;
    background: #1C1C24;
    box-shadow: 0 1px 14px rgb(0 0 0 / 60%);
}

.modal-verification__close
{
    position: absolute;
    z-index: 10;
    top: 21px;
    right: 16px;

    color: #EBEBF0;

    width: 14px;
    height: 14px;
    padding: 0;

    cursor: pointer;

    opacity: 1;
    border: none;
    border-radius: 0;
    background: none;

    transition: .2s linear;
}

.modal-verification__close:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/ic_close.svg) 50% no-repeat;
}

.modal-verification__close:hover:before
{
    opacity: 0;
}

.modal-verification__close:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: url(../images/ic_closeH.svg) 50% no-repeat;
}

.modal-verification__close:hover:after
{
    opacity: 1;
}


/* ---------------------
	Smart-id
--------------------- */
.block-verification
{
    margin-top: 26px;
}

.smart-id
{
    margin-top: 24px;
}

.smart-id__title
{
    color: #D9D9DE;
    font-size: 14px;
    font-weight: 400;

    text-align: center;
}

.smart-id__link
{
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 46px;

    display: block;

    margin-top: 20px;

    text-align: center;
    text-decoration: none;

    border-radius: 50px;
    background: #68BFD4;

    transition: transform .1s linear;
}

.smart-id__link:hover
{
    transform: scale(1.04);
}

.smart-id__link span
{
    position: relative;

    display: inline-block;

    padding-right: 36px;

    vertical-align: top;
}

.smart-id__link span:before
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/smart_id.svg) 50% no-repeat;
}

.smart-id__link i
{
    font-style: normal;

    opacity: .87;
}

.smart-id__info
{
    color: #D9D9DE;
    font-size: 12px;
    line-height: 1.2;

    margin-top: 20px;

    text-align: center;
}

.file-add
{
    margin-top: 20px;
}

.file-add__label
{
    display: inline-block;

    max-width: 100%;

    cursor: pointer;
    vertical-align: top;
}

.file-add__label input
{
    display: none;
}

.file-add__label_big
{
    width: 100%;

    text-align: center;
}

.file-add__text
{
    color: #07CCE9;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;

    display: block;
    overflow: hidden;

    padding: 0 14px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 2px solid #07CCE9;
    border-radius: 50px;
}

.file-add__box
{
    position: relative;

    display: inline-block;

    padding-left: 30px;

    vertical-align: top;
}

.file-add__box:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 20px;
    height: 20px;
    margin-top: -11px;

    background: url(../images/ic_file3.svg) 50%/contain no-repeat;
}

.file-add__text span
{
    opacity: .87;
}


.form__all-deposit
{
    position: relative;
}

.deposit-preloader
{
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;

    display: flex;
    visibility: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    pointer-events: none;

    opacity: 0;
    background: #1C1C24;

    transition: opacity .2s linear, visibility .2s linear;
}

#replenish_modal.inactive .deposit-preloader
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.deposit-preloader span
{
    position: relative;

    display: block;

    width: 3em;
    height: 3em;
    margin: 0 auto;

    border: .2em solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;

    animation: 1s preloader linear infinite;
}

.deposit-preloader span:before
{
    content: "";

    position: absolute;
    top: -.2em;
    left: -.2em;

    display: block;

    width: inherit;
    height: inherit;

    opacity: .5;
    border: .2em solid currentcolor;
    border-radius: 50%;
}


.race-bonus
{
    flex-wrap: nowrap;
}

.race-bonus__coll
{
    width: 100%;
}

.race-bonus__desc
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    margin-top: 16px;

    opacity: .99;
}

.race-bonus__items
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.race-bonus__item
{
    width: calc(50% - 8px);
    margin-top: 16px;
    padding: 16px;

    border-radius: 10px;
    background: #191B1C;
}

.race-bonus__item-title
{
    color: rgba(228,238,242,.4);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.race-bonus__item-title._time
{
    position: relative;

    padding-left: 26px;
}

.race-bonus__item-title._time::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_bonus/ic_time.svg) 50% / contain no-repeat;
}

.race-bonus__item-info
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    margin-top: 6px;

    opacity: .95;
}

.race-bonus__item-info b
{
    font-weight: 500;
}

.race-bonus__img
{
    flex-shrink: 0;

    width: 32%;
    margin-left: 20px;
    padding-top: 10px;
}

.race-bonus__img img
{
    display: block;

    width: 100%;
    max-width: 164px;
    margin: 0 auto;
}

.race-bonus__table
{
    width: 100%;
    margin-top: 7px;

    border-spacing: 0 13px;
    border-collapse: separate;
}

.race-bonus__table th
{
    color: rgba(228, 238, 242, .4);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;

    padding-bottom: 4px;
    padding-left: 22px;

    text-align: right;
    white-space: nowrap;

    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.race-bonus__table th:first-child
{
    width: 40px;

    table-layout: fixed;

    text-align: left;

    border-left: 1px solid transparent;
}

.race-bonus__table th:nth-child(2)
{
    text-align: left;
}

.race-bonus__table th:last-child
{
    width: 164px;
    padding-right: 22px;

    table-layout: fixed;

    border-right: 1px solid transparent;
}

.race-bonus__table td
{
    color: rgba(209,225,232,.95);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    padding: 8px 0 8px 22px;

    text-align: right;
    white-space: nowrap;

    border-top: 1px solid #191B1C;
    border-bottom: 1px solid #191B1C;
    background: #191B1C;
}

.race-bonus__table td:first-child
{
    width: 40px;

    table-layout: fixed;

    text-align: left;

    border-left: 1px solid #191B1C;
    border-radius: 10px 0 0 10px;
}

.race-bonus__table td:nth-child(2)
{
    text-align: left;
}

.race-bonus__table td:last-child
{
    width: 164px;
    padding-right: 22px;

    table-layout: fixed;

    border-right: 1px solid #191B1C;
    border-radius: 0 10px 10px 0;
}

.race-bonus__table ._active
{
    box-shadow: 0 0 6px rgba(255, 152, 27, .19);
}

.race-bonus__table ._active td
{
    border-color: #FF981B;
}

.race-bonus__table .race-bonus__table-gold
{
    color: #EB8530;
}

.race-bonus__table .race-bonus__table-circle
{
    font-size: 18px;
    line-height: 34px;

    display: block;

    width: 34px;

    text-align: center;

    border-radius: 50%;
    background: #3D4143;
}

.race-bonus__table ._active .race-bonus__table-circle
{
    color: #191B1C;

    background: linear-gradient(to bottom, #FFAE43 0%,#FF7304 100%);
}

.race-bonus__table td b
{
    font-weight: 500;
}


.line_form-flex{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: nowrap;
}

.line_form-field{
	width: 120px;
	flex-shrink: 0;
	margin-right: 20px;
}

.line_form-info{
	align-self: center;
    width: 100%;
}

.line_form-text{
	color: #8B8991;
    font-size: 12px;
    font-weight: 500;
    opacity: .6;
}

.line_form-link{
	color: #6969FF;
    font: 600 12px var(--font_family);
    display: inline-block;
	vertical-align: top;
    cursor: pointer;
    border: none;
    background: transparent;
	margin-top: 4px;
	text-decoration: underline;
}


.game-line{
    max-width: 450px;
}

.game-line__title{
    color: var(--color);
    font-size: 18px;
    font-weight: 500;
    opacity: .99;
    margin-bottom: 12px;
}

.game-line__item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    text-decoration: none;
}

.game-line__item:nth-child(4n){
    display: none;
}

.game-line__item + .game-line__item{
    margin-top: 20px;
}

.game-line__thumb{
    width: 30%;
    max-width: 130px;
    display: block;
    flex-shrink: 0;
    margin-right: 20px;
}

.game-line__img{
    display: block;
    overflow: hidden;
    padding-bottom: 61.38%;
    border-radius: 10px;
    position: relative;
    background: rgba(167, 167, 173, .12);
}

.game-line__img img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.game-line__box{
    width: calc(70% - 30px);
    display: block;
}

.game-line__name{
    color: #FFF;
    font-size: 15.2px;
    font-weight: 500;

    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .99;
}

.game-line__provider
{
    color: #D9D9DE;
    font-size: 12.8px;
    font-weight: 400;
    line-height: 17px;

    display: block;

    width: 100%;
    margin-top: 9px;

    opacity: .75;
}

@media (max-width: 1950px)
{
    .main_sports .grid_user
    {
        --numbers_game: 3;
    }

    .main_sports .grid_user .item_wrap:nth-child(n + 4)
    {
        display: none;
    }

    .main_sports .grid_user .item_wrap:nth-child(n + 5)
    {
        display: none;
    }


    .cats-bonus__item-wrap
    {
        padding-bottom: 32%;
    }

    .cats-bonus_inner .cats-bonus__item-wrap
    {
        padding-bottom: 39%;
    }
}

@media (max-width: 1699px)
{
    .main_sports .item .block
    {
        padding-right: 10px;
        padding-left: 10px;
    }

    .main_sports .item .name
    {
        font-size: 12px;
    }

    .main_sports .item .desc
    {
        font-size: 12px;
    }

    .page_game .page-head
    {
        padding: 24px 40px;
    }
}

@media (max-width: 1599px)
{
    .button_chat.no_login
    {
        bottom: 90px;
    }

    .games .game .provider_img
    {
        max-width: 160px;
    }
}

@media (max-width: 1539px)
{
    .main_sports .grid
    {
        --numbers_game: 3;
    }

    .main_sports .item_wrap:nth-child(n + 4)
    {
        display: none;
    }

    .main_sports .item .name
    {
        font-size: 14px;
        line-height: 22px;
    }

    .main_sports .item .desc
    {
        font-size: 14px;
    }

    .main_sports .grid_user .item .name
    {
        font-size: 12px;
        line-height: 18px;
    }

    .main_sports .grid_user .item .desc
    {
        font-size: 12px;
    }


    .text_block__columns
    {
        column-gap: 30px;
    }

    .cats-bonus__item-wrap
    {
        padding-bottom: 34%;
    }

    .cats-bonus_inner .cats-bonus__item-wrap
    {
        padding-bottom: 40.92%;
    }
}

@media (max-width: 1399px)
{
    .text_block__columns
    {
        columns: 2;
    }

    .cats-bonus__item-wrap
    {
        padding-bottom: 44%;
    }

    .cats-bonus_inner .cats-bonus__item-wrap
    {
        padding-bottom: 50%;
    }
}

@media (max-width: 1310px)
{
    .button_chat.no_login
    {
        bottom: 30px;
    }


    .main_sports .grid_user
    {
        --numbers_game: 2;
    }

    .main_sports .grid_user .item_wrap:nth-child(n + 4)
    {
        display: block;
    }

    .main_sports .grid_user .item_wrap:nth-child(n + 5)
    {
        display: none;
    }

    .cats-bonus_inner .cats-bonus__item
    {
        width: calc(100%/2 - 16px);
    }
}


@media (max-width: 1199px)
{
    .button_chat.no_login
    {
        bottom: 90px;
    }

    .game-line__thumb{
        width: 130px;
        max-width: none;
    }
    /*---------------
        Footer
    ---------------*/
    footer .limit br
    {
        display: none;
    }

    footer .icons
    {
        width: 200px;
        margin: -10px 0 0 10px;
    }

    footer .icons .img
    {
        width: calc(100%/3 - 10px);
        margin: 10px 0 0 10px;
    }
}


@media (max-width: 1024px)
{
    .game-line__thumb{
        width: 120px;
    }

    .modal_notice_game
    {
        display: none;
    }

    .lock-verification
    {
        overflow: hidden;
    }

    .pay_flex .img_tabs
    {
        order: 0;

        width: calc(50% - 20px);
        margin-top: 0;
    }

    .pay_flex .col_r
    {
        width: calc(50% - 20px);
    }

    .page_game .page-head
    {
        padding: 20px 15px;
    }

    /*---------------
        Footer
    ---------------*/
    footer .cont
    {
        align-content: flex-end;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    footer .top
    {
        width: 100%;
    }

    footer .copyright_pc
    {
        display: none;
    }

    footer .copyright
    {
        color: #D9D9DE;
        line-height: 16px;

        display: block;

        opacity: .6;
    }

    footer .content_all:not(.no_login) .copyright
    {
        display: none;
    }

    footer .imp
    {
        line-height: 16px;
    }

    footer .limit
    {
        line-height: 16px;
    }

    footer .icons
    {
        margin-top: 10px;
    }

    footer .icons .img
    {
        height: 24px;
    }


    .fancybox-content
    {
        height: 100%;
    }

    .modal
    {
        min-height: 100%;
        padding-top: 22px;

        border: none;
        border-radius: 0;
        background: #1D2022;
    }

    .modal_title
    {
        color: #E4EEF2;
        font-weight: 700;

        opacity: .99;
    }

    .fancybox-slide--html .fancybox-close-small
    {
        top: 12px;
        right: 15px;

        width: 40px;
        height: 40px;

        border-radius: 50%;
        background: rgba(228,238,242,.09) url(../images/ic_close3.svg) 50% no-repeat;
    }

    .fancybox-slide--html .fancybox-close-small:before,
    .fancybox-slide--html .fancybox-close-small:after
    {
        display: none;
    }


    .mainGame.mobHide iframe
    {
        display: none !important;
    }


    .file_all .label_file .file_text
    {
        font-size: 13px;
    }


    .main_sports .grid
    {
        font-size: 0;

        display: block;
        overflow-x: auto;

        width: calc(100% + 32px);
        max-height: none !important;
        margin: 0 0 0 -16px;
        padding-top: 16px;
        padding-right: 16px;

        white-space: nowrap;

        scrollbar-color: transparent transparent;
        scrollbar-width: thin;
    }

    .main_sports .grid::-webkit-scrollbar
    {
        display: none;

        width: 7px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .main_sports .grid::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .main_sports .item_wrap
    {
        display: inline-block;

        width: 35%;
        margin-top: 0;

        vertical-align: top;
    }

    .main_sports .item_wrap:nth-child(n + 4),
    .main_sports .item_wrap:nth-child(n + 5),
    .main_sports .grid_user .item_wrap:nth-child(n + 4),
    .main_sports .grid_user .item_wrap:nth-child(n + 5)
    {
        display: inline-block;
    }

    .main_sports .item
    {
        white-space: normal;

        border-radius: 6px;
    }

    .main_sports .grid_user .item .logo
    {
        width: 50px;
    }

    .main_sports .grid_user .item .info
    {
        width: calc(100% - 110px);
    }

    .main_sports .item .name
    {
        font-size: 12px;
        line-height: 18px;
    }

    .main_sports .item .desc
    {
        font-size: 12px;
    }


    .button_chat,
    .button_chat.no_login
    {
        bottom: 100px;

        display: none;

        width: 40px;
        height: 40px;
    }

    .preloader
    {
        opacity: .3;
    }

    .preloader .bg
    {
        padding: 16px 0;

        background: none;
    }

    .preloader span
    {
        width: 2.5em;
        height: 2.5em;
    }


    .choose
    {
        overflow: visible;

        width: 100%;
        max-height: none;
        margin-right: 0;
        padding-right: 0;
    }



    .form__all .label
    {
        font-size: 15px;
        line-height: 49px;

        background: #1D2022;
    }

    .form__all .input
    {
        font-size: 15px;

        height: 50px;
    }

    .form__all .promoCode_btn
    {
        font-size: 14px;

        padding-left: 28px;
    }

    .form__all .promoCode_btn:before
    {
        width: 15px;
        height: 15px;
    }

    .modal_titleSmall
    {
        font-size: 15px;
    }

    .choose__title
    {
        font-size: 15px;
    }

    .data_user .title
    {
        font-size: 13px;
    }

    .data_user .data
    {
        font-size: 15px;
    }

    .desc_funds
    {
        font-size: 11px;
    }

    .form__all .pay_btn
    {
        font-size: 15px;

        min-width: 144px;
        height: 42px;
    }


    .modal.modal-calendar
    {
        height: auto;
    }

    .modal-bonus-info
    {
        height: auto;
    }

    .modal-bonus-info::before
    {
        top: 56px;
    }

    .modal-bonus-info__scroll
    {
        overflow: visible;

        max-height: none;
    }

    .modal-bonus-info__title
    {
        font-size: 20px;
    }

    .modal-bonus-info__heade
    {
        height: 56px;
        padding-right: 72px;
        padding-left: 72px;
    }

    .modal-bonus-info__back
    {
        width: 50px;
        height: 38px;
    }

    .modal-bonus-info__back svg
    {
        width: 20px;
        height: 16px;
    }

    .modal-calendar .calendar-bonuses__top
    {
        padding-right: 59px;
    }


    .modal.modal-calendar
    {
        width: 660px;

        border: none;
        border-radius: 0;
        background: #02020C;
    }

    .fancybox-slide--html .modal-calendar .fancybox-close-small
    {
        width: 50px;
        height: 38px;

        background-color: rgba(255,255,255,.12);
        background-size: 18px auto;
    }

    .deposit-preloader
    {
        background: #1D2022;
    }

    .race-bonus__item
    {
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .race-bonus__item-title
    {
        font-size: 16px;
    }

    .race-bonus__item-info
    {
        font-size: 17px;

        margin-top: 10px;
    }

    .race-bonus__img
    {
        display: none;
    }

    .race-bonus__desc
    {
        font-size: 20px;
    }

    .race-bonus__table td
    {
        background: rgba(255, 255, 255, .06);
    }
}


@media (max-width: 767px)
{
    .pay_flex .img_tabs
    {
        order: 2;

        width: 100%;
        margin-top: 10px;
    }

    .pay_flex .col_r
    {
        width: 100%;
    }


    .text_block img.left
    {
        float: none;

        width: auto;
        max-width: 100%;
        margin-top: 30px;
        margin-right: 0;
    }

    .text_block img.right
    {
        float: none;

        width: auto;
        max-width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }


    .main_sports .item_wrap
    {
        width: 55%;
    }

    .main_sports .item .logo
    {
        width: 45px;
    }

    .main_sports .item .info
    {
        width: calc(100% - 100px);
    }

    .main_sports .grid_user .item .logo
    {
        width: 45px;
    }

    .main_sports .grid_user .item .info
    {
        width: calc(100% - 100px);
    }

    .categoriesMob__item
    {
        width: calc(100%/3 - 8px);
    }

    .cats-bonus_inner .cats-bonus__grid
    {
        justify-content: center;
    }

    .cats-bonus_inner .cats-bonus__item
    {
        width: calc(100% - 16px);
        max-width: 440px;
    }

    .bonus-page .cats-bonus_inner .cats-bonus__item
    {
        width: calc(100% - 16px);
        max-width: 440px;
    }
}

@media (max-width: 639px)
{
    .modal-calendar .calendar-bonuses__item
    {
        width: calc(100% / 2 - 10px);
    }

    .race-bonus__table th
    {
        padding-left: 16px;
    }

    .race-bonus__table th:last-child
    {
        width: 145px;
        padding-right: 16px;
    }

    .race-bonus__table td
    {
        padding-left: 16px;
    }

    .race-bonus__table td:last-child
    {
        width: 145px;
        padding-right: 16px;
    }

    .race-bonus__item
    {
        width: 100%;
    }
}

@media (max-width: 479px)
{
    .form__white .box_btn .submit
    {
        width: 190px;
    }


    .race-bonus__table th.race-bonus__table-wrap
    {
        white-space: wrap;
    }


    .info_text .title
    {
        font-size: 24px;
    }

    .mainBox__all
    {
        width: calc(100% + 32px);
        max-width: none;
        margin-left: -16px;
    }

    .form__all .flex_two .with_currency,
    .form__all .flex_three .with_currency
    {
        right: 0;
    }


    .rating_game .line
    {
        font-size: 16px;
    }

    .rating_game .line .name
    {
        width: 170px;
    }

    .radio_choose .label_check .check_text .icons
    {
        margin-left: -5px;
    }

    .radio_choose .label_check .check_text .icons .icon
    {
        margin-left: 5px;
    }



    .main_sports .item_wrap
    {
        width: 75%;
    }

    .main_sports .item .logo
    {
        width: 40px;
    }

    .main_sports .item .info
    {
        width: calc(100% - 90px);
    }

    .main_sports .grid_user .item .logo
    {
        width: 40px;
    }

    .main_sports .grid_user .item .info
    {
        width: calc(100% - 90px);
    }


    .table_balance tr td
    {
        display: block;
    }

    .table_balance tr td:first-child
    {
        width: 100%;
    }

    .table_balance tr td + td
    {
        padding-top: 10px;
        padding-left: 0;
    }



    .text_block__columns
    {
        column-gap: 0px;
        columns: 1;
    }


    .modal-verification
    {
        background: #1C1C24;
    }

    .modal-verification__flex
    {
        padding: 0;

        background: #1C1C24;
    }

    .modal-verification__wrap
    {
        width: 100%;
        margin: 0;

        border: none;
        border-radius: 0;
        box-shadow: none;
    }


    .categoriesMob__item
    {
        width: calc(100%/2 - 8px);
    }

    /*---------------
        Sidebar
    ---------------*/
    /*---------------
        Footer
    ---------------*/
    footer .copyright
    {
        order: 3;

        width: 100%;
    }

    footer .icons
    {
        width: calc(100% + 10px);
        margin: 0 0 0 -10px;
    }

    footer .icons .img
    {
        width: auto;
        height: 22px;
    }
}

@media (max-width: 419px)
{
    .form__all._modal .label
    {
        font-size: 13px;
    }
}