/* slick slider */

@import "./font-awesome-6-pro.css";

/*HEADER TICKER START*/

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}

.notification_content_ticker {
    background-color: #151d2f;
    border-bottom: 1px solid #2c6cee
}

.notification_content_ticker .notification_icon{
    color: #13bc8c
}

/*HEADER TICKER END*/

.slick-slider {
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

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

    content: '';
}

.slick-track:after {
    clear: both;
}

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

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

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

.slick-slide img {
    display: block;
}

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

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

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

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

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

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

* {
    min-height: 0;
    min-width: 0;
}

@font-face {
    font-family: 'axiforma';
    src: url('../../fonts/axiforma/kastelov-axiforma-regular-webfont.woff2') format("woff2"),
    url('../../fonts/axiforma/kastelov-axiforma-regular-webfont.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'axiforma';
    src: url('../../fonts/axiforma/kastelov-axiforma-book-webfont.woff2') format("woff2"),
    url('../../fonts/axiforma/kastelov-axiforma-book-webfont.woff') format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'axiforma';
    src: url('../../fonts/axiforma/kastelov-axiforma-medium-webfont.woff2') format("woff2"),
    url('../../fonts/axiforma/kastelov-axiforma-medium-webfont.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'axiforma';
    src: url('../../fonts/axiforma/kastelov-axiforma-semibold-webfont.woff2') format("woff2"),
    url('../../fonts/axiforma/kastelov-axiforma-semibold-webfont.woff') format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'axiforma';
    src: url('../../fonts/axiforma/kastelov-axiforma-extrabold-webfont.woff2') format("woff2"),
    url('../../fonts/axiforma/kastelov-axiforma-extrabold-webfont.woff') format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Flaticon";
    src: url('../../fonts/flaticon/Flaticon.eot');
    src: url('../../fonts/flaticon/Flaticon.eot?#iefix') format("embedded-opentype"),
    url('../../fonts/flaticon/Flaticon.woff2') format("woff2"),
    url('../../fonts/flaticon/Flaticon.woff') format("woff"),
    url('../../fonts/flaticon/Flaticon.ttf') format("truetype"),
    url('../../fonts/flaticon/Flaticon.svg#Flaticon') format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Flaticon";
    src: url('../../fonts/flaticon/Flaticon.svg#Flaticon') format("svg")
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: 'Flaticon';
    font-style: normal;
    font-weight: 400 !important
}

.flaticon-headset:before {
    content: "\f100"
}

.flaticon-newspaper:before {
    content: "\f101"
}

.flaticon-user:before {
    content: "\f102"
}

.flaticon-key:before {
    content: "\f103"
}

.flaticon-question-mark:before {
    content: "\f104"
}

.flaticon-return:before {
    content: "\f105"
}

.flaticon-add:before {
    content: "\f106"
}

.flaticon-home:before {
    content: "\f107"
}

.flaticon-gift:before {
    content: "\f108"
}

.flaticon-crown:before {
    content: "\f109"
}

.flaticon-football:before {
    content: "\f10a"
}

.flaticon-play-button:before {
    content: "\f10b"
}

.flaticon-at:before {
    content: "\f10c"
}

.flaticon-phone-call:before {
    content: "\f10d"
}

.flaticon-whatsapp:before {
    content: "\f10e"
}

.flaticon-facebook:before {
    content: "\f10f"
}

.flaticon-instagram:before {
    content: "\f110"
}

.flaticon-twitter:before {
    content: "\f111"
}

.flaticon-youtube-logo:before {
    content: "\f112"
}

.flaticon-hand-graving-smartphone:before {
    content: "\f113"
}

.flaticon-upload:before {
    content: "\f114"
}

.flaticon-cell-phone:before {
    content: "\f115"
}

.flaticon-smartphone-call:before {
    content: "\f116"
}

.flaticon-plus-18-movie:before {
    content: "\f117"
}

.flaticon-refresh:before {
    content: "\f118"
}

.flaticon-loan:before {
    content: "\f119"
}

.flaticon-money:before {
    content: "\f11a"
}

.flaticon-smartphone:before {
    content: "\f11b"
}

.flaticon-qr-code:before {
    content: "\f11c"
}

.flaticon-visa-pay-logo:before {
    content: "\f11d"
}

.flaticon-keyboard-right-arrow-button:before {
    content: "\f11e"
}

.flaticon-male:before {
    content: "\f11f"
}

.flaticon-female:before {
    content: "\f120"
}

.flaticon-checked:before {
    content: "\f121"
}

.flaticon-birthday-cake:before {
    content: "\f122"
}

.flaticon-gender:before {
    content: "\f123"
}

.flaticon-world:before {
    content: "\f124"
}

.flaticon-india-gate:before {
    content: "\f125"
}

.flaticon-placeholder:before {
    content: "\f126"
}

.flaticon-search:before {
    content: "\f127"
}

.flaticon-star:before {
    content: "\f128"
}

.flaticon-skip:before {
    content: "\f129"
}

.flaticon-button:before {
    content: "\f12a"
}

.flaticon-basketball:before {
    content: "\f12b"
}

.flaticon-tennis-ball:before {
    content: "\f12c"
}

.flaticon-volleyball:before {
    content: "\f12d"
}

.flaticon-football-1:before {
    content: "\f12e"
}

.flaticon-hockey-stick:before {
    content: "\f12f"
}

.flaticon-rugby:before {
    content: "\f130"
}

.flaticon-american-football:before {
    content: "\f131"
}

.flaticon-goal:before {
    content: "\f132"
}

.flaticon-waterpolo-game:before {
    content: "\f133"
}

.flaticon-chart:before {
    content: "\f134"
}

.flaticon-lock:before {
    content: "\f135"
}

.flaticon-coin:before {
    content: "\f136"
}

.flaticon-calendar:before {
    content: "\f137"
}

.flaticon-save-file-option:before {
    content: "\f138"
}

.flaticon-save:before {
    content: "\f139"
}

.flaticon-delete:before {
    content: "\f13a"
}

.flaticon-close-cross:before {
    content: "\f13b"
}

.flaticon-information-button:before {
    content: "\f13c"
}

.flaticon-time-left:before {
    content: "\f13d"
}

.flaticon-gambler:before {
    content: "\f13e"
}

.flaticon-roulette:before {
    content: "\f13f"
}

.flaticon-money-1:before {
    content: "\f140"
}

.flaticon-dancing-race-black-horse:before {
    content: "\f141"
}

.flaticon-racing-helmet:before {
    content: "\f142"
}

.flaticon-running-dog-silhouette:before {
    content: "\f143"
}

.flaticon-plus:before {
    content: "\f144"
}

.flaticon-megaphone:before {
    content: "\f145"
}

.flaticon-save-money:before {
    content: "\f146"
}

.flaticon-portfolio:before {
    content: "\f147"
}

.flaticon-link:before {
    content: "\f148"
}

.flaticon-skype:before {
    content: "\f149"
}

.flaticon-menu:before {
    content: "\f14a"
}

.flaticon-pencil:before {
    content: "\f14b"
}

.flaticon-minus:before {
    content: "\f14c"
}

.flaticon-plus-1:before {
    content: "\f14d"
}

.flaticon-whistle:before {
    content: "\f14e"
}

.flaticon-tv:before {
    content: "\f14f"
}

.flaticon-clock:before {
    content: "\f150"
}

.flaticon-soccer-field:before {
    content: "\f151"
}

.flaticon-hourglass:before {
    content: "\f152"
}

.flaticon-layout:before {
    content: "\f153"
}

.flaticon-wallet:before {
    content: "\f154"
}

.flaticon-settings:before {
    content: "\f155"
}

.flaticon-architecture-and-city:before {
    content: "\f156"
}

.flaticon-white-arrow-up-inside-a-circle:before {
    content: "\f157"
}

.flaticon-invoice:before {
    content: "\f158"
}

.flaticon-timetable:before {
    content: "\f159"
}

.flaticon-question:before {
    content: "\f15a"
}

.flaticon-logout:before {
    content: "\f15b"
}

.flaticon-upload-1:before {
    content: "\f15c"
}

.flaticon-mail:before {
    content: "\f15d"
}

.flaticon-ring:before {
    content: "\f15e"
}

.flaticon-arroba:before {
    content: "\f15f"
}

.flaticon-smartphone-1:before {
    content: "\f160"
}

.flaticon-invoice-1:before {
    content: "\f161"
}

.flaticon-shuffle:before {
    content: "\f162"
}

.flaticon-bank:before {
    content: "\f163"
}

.flaticon-credit-cards-payment:before {
    content: "\f164"
}

.flaticon-business-and-finance-1:before {
    content: "\f165"
}

.flaticon-smartphone-2:before {
    content: "\f166"
}

.flaticon-atm:before {
    content: "\f167"
}

.flaticon-blockchain:before {
    content: "\f168"
}

.flaticon-minus-1:before {
    content: "\f169"
}

.flaticon-wallet-with-money:before {
    content: "\f16a"
}

.flaticon-plus-2:before {
    content: "\f16b"
}

.flaticon-hourglass-1:before {
    content: "\f16c"
}

.flaticon-clock-circular-outline:before {
    content: "\f16d"
}

.flaticon-playing-cards:before {
    content: "\f16e"
}

.flaticon-cherry:before {
    content: "\f16f"
}

.flaticon-ace-of-diamonds:before {
    content: "\f170"
}

.flaticon-gift-1:before {
    content: "\f171"
}

.flaticon-squares:before {
    content: "\f172"
}

.flaticon-attach:before {
    content: "\f173"
}

.flaticon-text:before {
    content: "\f174"
}

.flaticon-list:before {
    content: "\f175"
}

.flaticon-chat-bubble:before {
    content: "\f176"
}

.flaticon-font:before {
    content: "\f177"
}

.flaticon-message:before {
    content: "\f178"
}

.flaticon-tick:before {
    content: "\f179"
}

.flaticon-paper-plane:before {
    content: "\f17a"
}

.flaticon-more:before {
    content: "\f17b"
}

.flaticon-3d:before {
    content: "\f17c"
}

.flaticon-settings-1:before {
    content: "\f17d"
}

.flaticon-menu-1:before {
    content: "\f17e"
}

.flaticon-bingo:before {
    content: "\f17f"
}

.flaticon-air-balloon:before {
    content: "\f180"
}

.flaticon-question-1:before {
    content: "\f181"
}

.flaticon-right-arrow:before {
    content: "\f182"
}

.flaticon-menu-2:before {
    content: "\f183"
}

.flaticon-wallet-filled-money-tool:before {
    content: "\f184"
}

.flaticon-hastag:before {
    content: "\f185"
}

.flaticon-more-1:before {
    content: "\f186"
}

.flaticon-upload-2:before {
    content: "\f187"
}

.flaticon-floorball:before {
    content: "\f188"
}

.flaticon-billiard:before {
    content: "\f189"
}

.flaticon-cricket:before {
    content: "\f18a"
}

.flaticon-rugby-1:before {
    content: "\f18b"
}

.flaticon-archive:before {
    content: "\f18c"
}

.flaticon-fight:before {
    content: "\f18d"
}

.flaticon-formula-1:before {
    content: "\f18e"
}

.flaticon-alpine:before {
    content: "\f18f"
}

.flaticon-biathlon:before {
    content: "\f190"
}

.flaticon-chess:before {
    content: "\f191"
}

.flaticon-golf:before {
    content: "\f192"
}

.flaticon-trophy:before {
    content: "\f193"
}

.flaticon-number:before {
    content: "\f194"
}

.flaticon-letter-x:before {
    content: "\f195"
}

.flaticon-graph:before {
    content: "\f196"
}

.flaticon-gift-2:before {
    content: "\f197"
}

.flaticon-play-button-1:before {
    content: "\f198"
}

.flaticon-video-camera:before {
    content: "\f199"
}

.flaticon-ball-1:before {
    content: "\f19a"
}

.flaticon-filter:before {
    content: "\f19b"
}

.flaticon-back:before {
    content: "\f19c"
}

.flaticon-down-chevron:before {
    content: "\f19d"
}

.flaticon-television:before {
    content: "\f19e"
}

.flaticon-money-2:before {
    content: "\f19f"
}

.flaticon-video-camera-1:before {
    content: "\f1a0"
}

.flaticon-yield:before {
    content: "\f1a1"
}

.flaticon-grid:before {
    content: "\f1a2"
}

.flaticon-full-screen:before {
    content: "\f1a3"
}

.flaticon-monitor:before {
    content: "\f1a4"
}

.flaticon-new:before {
    content: "\f1a5"
}

.flaticon-history:before {
    content: "\f1a6"
}

.flaticon-trophy-1:before {
    content: "\f1a7"
}

.flaticon-copy:before {
    content: "\f1a8"
}

.flaticon-android:before {
    content: "\f1a9"
}

.flaticon-down-arrow:before {
    content: "\f1aa"
}

.flaticon-question-2:before {
    content: "\f1ab"
}

.flaticon-copy-1:before {
    content: "\f1ac"
}

.flaticon-mace:before {
    content: "\f1ad"
}

.flaticon-mouse:before {
    content: "\f1ae"
}

.flaticon-airship:before {
    content: "\f1af"
}

.flaticon-lottery-game:before {
    content: "\f1b0"
}

.flaticon-button-1:before {
    content: "\f1b1"
}

.flaticon-enter:before {
    content: "\f1b2"
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../../fonts/ProximaNova/proxima_nova_bold-webfont.woff2') format('woff2'),
    url('../../fonts/ProximaNova/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../../fonts/ProximaNova/proximanova-regular-webfont.woff2') format('woff2'),
    url('../../fonts/ProximaNova/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

html[data-route='egt'] #content_block,
html[data-route='amatic'] #content_block,
html[data-route='netent'] #content_block,
html[data-route='betsoft_3d_slots'] #content_block,
html[data-route='pragmatic_play_slots'] #content_block,
html[data-route='pragmatic_play_casino'] #content_block,
html[data-route='slot'] #content_block,
html[data-route='xpg'] #content_block,
html[data-route='evolution_game'] #content_block,
html[data-route='ezugi'] #content_block,
html[data-route='lucky_streak'] #content_block,
html[data-route='vivo_casino'] #content_block {
    min-height: auto;
    padding-bottom: 0;
}

#game_content {
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: max-content;
    gap: 10px;
}

body {
    font-family: 'axiforma', sans-serif;
    font-size: 16px;
    color: #fff;
    background: #0d1119;
    overflow-x: hidden;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    display: inline-block;
}

input, button, textarea, select {
    font: inherit;
}

input[type=text] {
    background-color: transparent;
    border: none;
    color: inherit;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

#login_form input:-webkit-autofill,
select,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    border: none !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: #fff !important;
}

*:focus {
    outline: none;
}

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.color-yellow {
    text-transform: capitalize !important;
    color: #dbaa35 !important;
}

.color-blue {
    color: #2c6cee !important;
}

.color-green {
    text-transform: capitalize !important;
    color: #12bc8c !important;
}

.color-red {
    color: #f03251 !important;
}

.yellow {
    background: #dbaa35 !important;
}

.blue {
    background: #2c6cee !important;
}

.green {
    background: #12bc8c !important;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rotate-180 {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.st-text {
    color: #c2c8d7;
    font-size: 13px;
    line-height: 18px;
}

#preloader {
    width: auto;
    height: auto;
    border-right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #0c1b2d;
}

#preloader img {
    width: 140px;
    height: 40px;
}

a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration: none;
    color: inherit;
}

.result .error {
    margin: 0 !important;
    background: #f03251;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.result .success {
    margin: 0 !important;
    background: #12bc8c;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}

#body h1 {
    font-size: 22px;
    font-weight: 500;
    color: inherit;
    margin: 0;
}

.b-margin {
    margin-bottom: 10px !important;
}

.parsley-success {
    background: transparent;
    color: inherit;
    border-color: transparent;
}

.yellow-bottom-border {
    border-bottom: 2px solid #dbaa35;
}

.blue-bottom-border {
    border-bottom: 2px solid #2c6cee;
}

.green-bottom-border {
    border-bottom: 2px solid #12bc8c;
}

li.error_block,
.result {
    margin: 10px 0;
    background: #f03251;
    font-family: inherit;
    font-size: 15px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

header {
    position: relative;
    padding: 0 10px;
    width: 100%;
    height: 64px;
    background-color: #151d2f;
    border-bottom: 1px solid #242c3c;
    border-top: 3px solid #2c6cee;
    overflow: hidden;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

header .bar{
    background: #ffffff;
    height: 2px;
}

header .bar:nth-child(1){
    width: 8px;
}

header .bar:nth-child(2){
    width: 20px;
    margin: 5px 0;
}

header .bar:nth-child(3){
    width: 14px;
}

/* header .menu_button_left {
    display: inline-block;
    width: 43px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    position: relative;
    z-index: 2;
    border-right: 1px solid #242c3c;
} */

header .logo {
    display: inline-block;
    float: none;
    margin: 0;
    padding-left: 15px;
}

header .logo img {
    margin: -3px auto 0 auot;
    display: block;
    width: 126px;
}

header .icon-wrapper, header .header-left {
    display: inline-block;
    float: right;
}

header .icon-wrapper > a, header .header-left > a {
    display: inline-block !important;
    position: relative;
    background: transparent;
    font-size: 21px;
    padding: 0 6px;
    width: auto;
}


header .live_support:before {
    content: none;
}

footer {
    display: block !important;
    margin-top: 30px;
    background: #151d2f;
    height: auto;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
}

footer a {
    color: inherit;
    font-size: inherit;
}

.footer-menu-wrapper {
    height: 48px;
    border-bottom: 1px solid #242c3c;
    position: relative;
    border-left: 1px solid #242c3c;
    background: #1b2334;
}

.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: scroll;
    height: 100%;
    width: fit-content;
}

.overflow-y-auto {
    overflow-y: auto;
}

.footer-menu li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.footer-menu li a {
    display: block;
    padding: 0 20px;
    height: 59px;
    line-height: 59px;
    color: #d3d7e3;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.footer-center {
    padding: 32px 24px;
    text-align: left;
    background: #111828;
    border-bottom: 1px solid #242c3c;
    line-height: 0;
}

.footer-logo {
    width: 116px;
    height: 18px;
    margin-bottom: 20px;
    display: block;
}

.copyright {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 22px;
    font-weight: 400;
    color: #cdd1de;
    text-align: left;
    z-index: 2;
}

.footer-center .social .lic_icon{
    margin-left: 0;
    margin-right: 16px;
    width: 72px;
    height: 80px;
    z-index: 2;
    flex-shrink: 0;
}

.footer-center .social .social-links{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
}

.footer-center .social .social-links p{
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 22px;
    font-weight: 500;
    color: #cdd1de;
    text-align: left;
    margin-bottom: 8px;
}

.footer-center .social .social-links .footer-social{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    z-index: 2;
}

.footer-center .social .social-links .footer-social li{
    margin-left: 0;
    margin-right: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #cdd1de;
    transition: all 0.3s ease-in-out;
}

.footer-center .copyright{
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 22px;
    font-weight: 400;
    color: #cdd1de;
    text-align: left;
    z-index: 2;
}

.plus18 {
    width: 46px;
    height: 46px;
    margin-left: 10px;
    font-size: 26px;
    background: #283248;
    color: #cdd1de;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}

.footer-date{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px;
    z-index: 2;
}
.footer-date .footer-time{
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #cdd1de;
    text-align: left;
}

.footer-date .footer-time i{
    margin-right: 8px;
    font-size: 14px;
    color: #cdd1de;
}

.footer-date p{
    font-family: Axiforma, sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
}

ul.footer-logos {
    border-top: 1px solid #242c3c;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-logos li {
    padding: 10px;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    line-height: 16px;
}

#content_block {
    padding: 0;
    background: transparent !important;
    min-height: initial;
}

.home_top .btn-login {
    border-bottom: 3px solid #13305e;
    background: #1b4993;
    padding: 10px 0;
    font-size: 14px;
}

.home_top .btn-registration {
    border-bottom: 3px solid #11795e;
    background: #0ec294;
    padding: 10px 0;
    font-size: 14px;
}

.home_top .btn-registration i,
.home_top .btn-login i {
    margin-right: 10px;
    font-size: 24px;
    vertical-align: -4px;
}

.home_inner {
    margin-top: 0;
    padding: 10px 15px 0;
}

.home_inner:after {
    content: '';
    display: table;
    clear: both;
}

.home_inner .item {
    position: relative;
    -webkit-box-shadow: 0 0 10px 0 rgba(48, 85, 113, 0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(48, 85, 113, 0.3);
    box-shadow: 0 0 10px 0 rgba(48, 85, 113, 0.3);
    float: left;
    margin-bottom: 10px;
}

.home_inner .item:nth-last-child(1) {
    margin-bottom: 5px;
}

.home_inner .item_2 {
    width: calc(50% - 5px);
}

.home_inner .item_3 {
    width: calc(33.333% - 6.666px);
    min-height: 120px;
    background: #0c1b2d;
}

.home_inner .item_3 + .item_3,
.home_inner .item_2 + .item_2 {
    margin-left: 10px;
}

.home_inner .item .img1 {
    width: 100%;
    min-height: 120px;
    height: auto;
    object-fit: cover;
}

.home_inner .item .img2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_inner .item .img3 {
    width: 100%;
    min-height: 96px;
    height: auto;
    object-fit: cover;
}

.item_title {
    position: absolute;
    top: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.item_title1 {
    width: 50%;
    padding: 46px 10px;

}

.item_title2 {
    width: calc(100% - 20px);
    padding: 10px;
    text-align: center;
}

.item_title2 i {
    background-image: url(../../i/betmatik/mobile/icons-games.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 12px;
}

.item_title2 i.slot {
    background-position: 0 0;
}

.item_title2 i.livecasino {
    background-position: -60px 0;
}

.item_title2 i.poker {
    background-position: -120px 0;
}

.item_title3 {
    position: relative;
    padding: 5px;
    background: #0c1b2d;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.content_wrap {
    background: transparent;
    background: url('../../i/betmatik_dark/mobile/standart-bg.jpg') no-repeat center top;
    background-size: contain;
    background-position-y: 60px;
}

html[data-route="forgot_password"] .content_wrap {
    background: transparent;
    background: url('../../i/betmatik_dark/mobile/red-bg.jpg') no-repeat center top;
    background-size: contain;
    background-position-y: 60px;
}

html[data-route="slot"] .content_wrap,
html[data-route="mefete_withdraw"] .content_wrap,
html[data-route="fixturka"] .content_wrap,
html[data-route="prime_papara_withdraw"] .content_wrap,
html[data-route="montrapay_crypto"] .content_wrap,
html[data-route="montrapay_banktransfer"] .content_wrap,
html[data-route="montrapay_papara"] .content_wrap,
html[data-route="affiliates"] .content_wrap,
html[data-route="edit_ticket"] .content_wrap,
html[data-route="create_ticket"] .content_wrap,
html[data-route="tickets"] .content_wrap,
html[data-route="transaction_history"] .content_wrap,
html[data-route="my_slips"] .content_wrap,
html[data-route="bank_accounts_list"] .content_wrap,
html[data-route="deposit_bank_transfer"] .content_wrap,
html[data-route="deposit_bank_form"] .content_wrap,
html[data-route="profileInfo"] .content_wrap,
html[data-route="logout"] .content_wrap,
html[data-route="maksipara_banktransfer"] .content_wrap,
html[data-route="maksipara_papara"] .content_wrap,
html[data-route="cryptopay"] .content_wrap,
html[data-route="withdraw_jeton"] .content_wrap,
html[data-route="cmt_cuzdan"] .content_wrap,
html[data-route="lmg"] .content_wrap,
html[data-route="paymino_papara"] .content_wrap,
html[data-route="paymino"] .content_wrap,
html[data-route="cashlink"] .content_wrap,
html[data-route="eco_card"] .content_wrap,
html[data-route="withdraw_credit"] .content_wrap,
html[data-route="bank_transfer_atm"] .content_wrap,
html[data-route="bestpaycard_bank_transfer"] .content_wrap,
html[data-route="bank_transfer"] .content_wrap,
html[data-route="withdraws"] .content_wrap,
html[data-route="deposits"] .content_wrap,
html[data-route="promotions"] .content_wrap,
html[data-route="affilates"] .content_wrap,
html[data-route="spribe"] .content_wrap {
    background: transparent;
}

.content_inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.left_menu {
    position: absolute;
    display: block;
    width: 256px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: -100%;
    padding: 0 20px 0 30px;
    background-color: #0f1523;
    border-top: 3px solid #2c6cee;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    -webkit-transition: left 0.3s;
    transition: 0.3s;
    z-index: 9950;
    overflow: hidden;
}

.sidebar-category-menu {
    margin: 25px -20px 0 -32px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#player_info .sidebar-category-menu li {
    border: none;
    width: 100%;
    border-bottom: 1px solid #1b2233;
}

#player_info .sidebar-category-menu li a {
    display: block;
    padding: 15px 0 15px 30px;
    font-size: 15px;
    color: #fff;
}

#player_info .sidebar-category-menu li a i {
    margin-right: 15px;
    color: #12bc8c;
    font-size: 22px;
    vertical-align: middle;
}

#player_info .sidebar-category-menu li a .text-block {
    float: right;
    margin-right: 13px;
    background-color: #202737;
    border-radius: 3px;
    width: 50px;
    height: 20px;
    color: #dbe0ec;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
}

.shift_left .left_menu {
    width: 256px;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    overflow-y: auto;
    height: unset;
    position: fixed;
}

.shift_left {
    position: relative;
}

.shift_left .content_inner {
    left: 0;
}

.left_menu .home_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.shift_left #content_block:before {
    opacity: 1;
    visibility: visible;
}

#content_block:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.48);
    visibility: hidden;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.nav-menu-link {
    overflow: hidden;
    background: linear-gradient(to right, rgba(12, 27, 45, 1) 0%, rgba(11, 38, 81, 1) 100%);
    border-radius: 3px;
    padding: 10px;
    font-weight: 300;
    color: #fff;
    display: block;
}

.nav-menu-link + .nav-menu-link {
    margin-top: 10px;
}

.nav-menu-link-profile,
.nav-menu-link-financial {
    display: none;
}

.nav-menu-link-profile.active,
.nav-menu-link-financial.active {
    display: block;
}

.nav-menu-titles {
    font-size: 18px;
    padding: 3px 10px;
    display: inline-block;
    vertical-align: top;
}

.nav-menu-titles + i {
    font-size: 16px;
    float: right;
    padding: 4px 0;
}

.nav-menu-link i:first-child {
    font-size: 24px;
}

.nav-menu-logout {
    background: linear-gradient(to right, rgba(132, 27, 27, 1) 0%, rgba(203, 30, 30, 1) 100%);
}

#body .btn {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: none;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f03251;
    color: #fff;
    padding-top: 4px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#body .btn.small {
    height: 30px;
    font-size: 13px;
}

#body .btn.medium {
    height: 40px;
    font-size: 13px;
    font-weight: 500;
}

#body .btn.large {
    height: 60px;
}

#body .btn.medium i {
    font-size: 13px;
}

#body #bonus_code_modal .btn:after,
#body #modal_window .btn:after,
#body .btn.light:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url('../../i/betmatik_dark/mobile/btn-large-light.png') no-repeat right top;
    width: 90px;
    height: 60px;
    z-index: 1;
}
#modal_window .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    z-index: 1000;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    right: -20px;
    background: #364057;
    opacity: 1;
    border: 0;
}
#modal_window .close:before {
    content: "";
    position: absolute;
    top: 19px;
    right: 9px;
    height: 2px;
    width: 21px;
    background: #919aad;
    transform: rotate(
            45deg);
    border-radius: 5px;
}
#modal_window .close:after {
    content: "";
    position: absolute;
    top: 19px;
    right: 9px;
    height: 2px;
    width: 21px;
    background: #919aad;
    transform: rotate(
            -45deg);
    border-radius: 5px;
}
#modal_window .popup-wrapper .close {
    top: -11px;
    right: 5px;
}
#modal_window {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    max-height: 100%!important;
    background: none!important;
}
#modal_window:before {
    content: '';
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#modal_window > div {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
}

.modal-content .head-title {
    margin-bottom: 10px;
}
.modal-content .head-title + .btn:not(:last-child){
    margin-bottom: 20px;
}
#modal_window .modal-content.modal {
    width: 100%;
    padding: 10px;
    position: relative;
    border: 10px solid #293247;
    background: #1b2334;
    margin: 10px auto;
    max-width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
}
#modal_window .modal-content .modal-content  > div {
    margin-top: -20px;
}
#body .btn i {
    font-size: 18px;
    margin-left: 16px;
    margin-top: -4px;
    font-weight: 400;
    position: relative;
    z-index: 5;
}

#body .btn-blue {
    background-color: #2c6cee !important;
}

#body .btn-green {
    background: #12bc8c !important;
}

#body .btn-grey {
    background: #555468 !important;
}

#body .btn-red {
    background: #f03251 !important;
}

html[data-route="mobile_login"] header,
html[data-route="registration"] header,
html[data-route="forgot_password"] header {
    background: #0c1b2d;
}

html[data-route="forgot_password"] #content_block,
html[data-route="registration"] #content_block,
html[data-route="mobile_login"] #content_block {
    background: transparent !important;
}

.forgot_mobile .st-text {
    margin-bottom: 20px;
}

.back-call,
.forgot_mobile,
#login_form {
    margin: 0;
    padding: 100px 15px 0 15px;
}

.back-call-inner,
.forgot_mobile .forgot_mobile_inner,
#login_form .login_form_inner {
    background-color: #1b2334;
    border: 10px solid rgba(255, 255, 255, 0.12);
    padding: 20px 15px;
}

.head-title {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
}

.head-title_mt20 {
    margin-top: 20px;
}

.success_container .profile_inner p,
.head-subtitle {
    position: relative;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #c2c8d7;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.head-title.border-yellow:after,
.head-subtitle.border-yellow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px !important;
    background-color: #dbaa35;
}

.head-title.border-blue:after,
.head-subtitle.border-blue:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: #2c6cee;
}

.head-title.border-green:after,
.head-subtitle.border-green:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 5px;
    width: 50px;
    height: 1px;
    background-color: #12bc8c;
}

.head-title.border-red:after,
.head-subtitle.border-red:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: #f03251;
}

#playerInfoContent > div {
    min-height: auto;
}

.back-call .wrap_input,
#playerInfoContent .wrap_input,
.reg_form .wrap_input,
.reg_form .wrap_select,
#login_form .wrap_input {
    position: relative;
    margin-bottom: 20px;
}

#login_form .wrap_input:before, .reg_form .wrap_input:before {
    content: none;
}

.input-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 60px;
    background-color: #242c3c;
    border-radius: 5px;
    border: 1px solid #303647;
    line-height: normal;
}

.form-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 17px;
}

.input-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    width: calc(100% - 50px);
}

.form-placeholder {
    display: block;
    color: #c2c8d7;
    font-size: 12px;
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 2px;
}

.textbox {
    height: 26px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 26px);
    flex: 0 0 calc(100% - 26px);
    max-width: calc(100% - 26px);
    width: calc(100% - 26px);
    background-color: transparent;
    border: none;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

input,
select,
input[type='text'],
#affiliate_registration input,
#login_form input,
.reg_form input[type='text'],
.reg_form input[type='password'],
.reg_form select {
    height: auto;
    line-height: 26px;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: inherit;
    font-family: inherit;
}

.profile_inner select,
.reg_form select {
    width: 100%;
}

.forget-password {
    float: right;
    margin-bottom: 15px;
}

.forget-password a {
    color: #c2c8d7;
    font-size: 13px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-row .hint {
    position: absolute;
    right: 10px;
}

.hint {
    margin-left: 9px;
    background-color: #8f97a7;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 19px;
    border-radius: 100%;
    color: #1b2334;
    font-size: 11px;
    transform: translateY(-3px);
}

.login-widget-bottom {
    margin: 30px -15px -20px;
    padding: 20px;
    background-color: #151d2f;
    color: #c2c8d7;
    font-size: 15px;
    border-top: 1px solid #242c3c;
    line-height: 20px;
}

.login-widget-bottom__title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.login-widget-bottom__subtitle {
    margin: 10px 0;
}

.login-widget-bottom .btn {
    width: 150px !important;
}


.reg_form {
    margin: 0;
    padding: 100px 15px 0 15px;
}

.reg_form .registration,
.reg_form .forgot_mobile {
    padding: 0;
    margin: 0;
}

.forgot_mobile .text-2 {
    margin-bottom: 15px !important;
    text-align: center;
}

.reg_form .registration .loginNote {
    margin-top: -50px;
    margin-bottom: 40px;
    text-align: center;
}

.reg_form .registration h2 {
    font-size: 22px;
    font-weight: 400;
    text-shadow: none;
    margin: 0;
}

.reg_form .registration .loginNote .text-1 {
    color: #d2d7e2;
    font-size: 17px;
}

.reg_form .registration .loginNote .text-2 {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin-top: 15px;
}


.registration-item {
    background-color: #1b2334;
    padding: 20px;
    margin-bottom: 20px;
}

.wrap_input__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap_input__select {
    width: 96%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1;
    flex: 0 0 1;
    position: relative;
    margin: 0 5px;
}

.wrap_input__select select {
    padding-right: 20px;
}

.wrap_input__select:after {
    content: "\f19d";
    z-index: 1;
    position: absolute;
    font-family: 'Flaticon';
    color: #8c94a9;
    font-size: 10px;
    right: 5px;
    top: -1px;
    line-height: 26px;
    pointer-events: none;
}

.radio-wrap {
    height: 30px;
    min-width: 80px;
    padding: 0 10px;
    background-color: #363d4c;
    border-radius: 3px;
    color: #c2c8d7;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin: 2px 5px;
}

.radio-wrap i {
    margin-right: 10px;
}

.radio-wrap:first-child {
    margin-right: 5px;
}

.radio-wrap.active {
    background-color: #2c6cee;
    color: #fff;
}


.btn-back {
    background: #1b4993;
    border-bottom: 3px solid #13305e;
    overflow: hidden;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    box-sizing: border-box;
    text-transform: uppercase;
}

.btn-back i {
    font-size: 24px;
    vertical-align: middle;
}

#playerInfoContent .wrap_select:before,
.reg_form .wrap_select:before {
    background: none;
    border-top: 7px solid #0c1b2d;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    width: auto;
    height: 0;
    max-width: initial;
    max-height: initial;
    right: 5px;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.wrap_select {
    position: relative;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}

select:disabled,
input:disabled {
    opacity: .6;
}

#login_form i + input,
.reg_form i + input[type='text'],
.reg_form i + input[type='password'],
.reg_form .wrap_select i + select,
#playerInfoContent i + input,
#playerInfoContent i + select,
#deposit-payment-provider-info i + input,
#deposit-payment-provider-info i + select,
#form_registration .wrap_input i + input,
#login_form .wrap_input i + input {
    float: left;
    padding: 0 10px 0 60px;
    /*width: calc(100% - 70px);*/
}

.bank_form ul textarea {
    line-height: 1.5;
}

.reg_form .form-item {
    margin: 0;
}

.reg_form .selects .wrap_select,
.reg_form .selects .wrap_input {
    margin: 0;
    float: left;
}

.selects3 > div {
    width: 32% !important;
    float: left;
}

.selects3 > div + div {
    margin-left: 2% !important;
}

.selects2 > div {
    width: 49% !important;
    float: left;
}

.selects2 > div + div {
    margin-left: 2% !important;
}

.reg_form .radio .wrap-radio {
    border-radius: 3px !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(48, 85, 113, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(48, 85, 113, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(48, 85, 113, 0.3);
    height: 40px;
    line-height: 40px;
}

.reg_form .radio input {
    border-radius: 3px;
}

.reg_form .radio .wrap-radio label {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.reg_form .radio input:checked {
    background: #0ec294;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.menu-account-info {
    margin-top: 20px;
    position: relative;
    padding-right: 30px;
    margin-bottom: 20px;
}

.menu-user-mail {
    color: #c2c8d7;
    font-size: 12px;
    margin-top: 10px;
}

.menu-settings {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
}

.left_menu .account {
    background-color: #1d2436;
    padding: 8px 5px 8px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.left_menu .account i {
    font-size: 23px;
    margin-right: 10px;
}

.left_menu .account .counter {
    padding-left: 38px;
}

.left_menu .menu-logo {
    max-height: 40px;
    width: 140px;
    margin-top: 26px;
    margin-bottom: 30px;
}

.left_menu .sidebar-close-btn {
    position: absolute;
    right: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #404758;
}

.money-activity {
    margin: 20px 0;
    height: 40px;
}

.money-activity i {
    display: inline-block;
}

.money-activity .btn {
    width: 47% !important;
    padding: 0 6px !important;
    float: left !important;
    font-size: 11px !important;
}

.money-activity .btn:first-child {
    margin-right: 10px !important;
}


.left_menu .base-link {
    background-color: #1d2436;
    font-size: 14px;
}

.left_menu .head-title {
    font-size: 16px;
}

.left_menu .money-activity .btn {
    letter-spacing: -0.7px !important;
}

.left_menu .money-activity .btn i {
    margin-left: 7px !important;
}

#playerInfoTop {
    display: none;
}

#playerInfoContent {
    background: transparent;
    padding: 0 !important;
    margin: 0;
}

.profile_inner {
    padding: 20px 15px 0;
    font-family: inherit;
}

.profile_inner .profile_title,
.promotion_inner .promotion_title {
    font-size: 22px;
    font-weight: 500;
    color: #0c1b2d;
    padding: 0;
}

.profile_inner p {
    width: 100%;
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #0c1b2d;
}

.deposit-table__wrap {
    overflow-x: hidden;
}

.deposit-table__slide-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.deposit-table__slide-wrap .deposit-table {
    width: 300%;
}

.deposit-table {
    border-collapse: collapse;
    table-layout: fixed !important;
}

.deposit-row {
    background-color: #151b29 !important;
    border-top: 1px solid #151b29;
}

.deposit-row :last-child {
    margin: 0;
}

.deposit-row__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between !important;
    -webkit-box-pack: space-between !important;
    justify-content: space-between !important;
}

.dh__image {
    border-bottom: 1px solid #353b4c;
    padding-right: 5px;
}

.dh__btn {
    width: 60px;
    display: block;
    background-color: #384255;
    height: 30px;
    line-height: 33px;
    border-radius: 3px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 13px;
    color: #c2c8d7;
    text-align: center;
    font-weight: 600;
}

.deposit-row__info strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.deposit-row__info strong img {
    margin-left: 5px !important;
}

.deposit-row__info span {
    display: block;
    font-size: 13px;
    color: #c2c8d7;
    margin-top: 13px;
    line-height: 19px;
}

.deposit-row__method {
    width: 100%;
}

.withdraw-row {
    width: 100%;
    margin-bottom: 20px;
    padding: 25px;
    background-color: #242c3c;
    border: 1px solid #303647;
    border-radius: 3px;
    display: block;
}

.dm-cell {
    margin-bottom: 12px;
    color: #c2c8d7;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dm-cell:last-child {
    margin-bottom: 0;
}

.dm-cell span:first-child {
    text-align: left;
}

.dm-cell span:last-child {
    width: 34%;
    color: #fff;
    text-align: right;
}

#deposit-payment-provider-info form {
    padding: 0;
}

.bank_form {
    margin-top: 10px;
    min-height: initial;
}

option {
    background: #fff;
    color: #000;
}


.withdraw_inner .item {
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
}

.withdraw_inner .item + .item {
    margin-top: 10px;
}

.withdraw_inner .item a {
    background: #1b4993;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(48, 85, 113, 0.3);
    padding: 20px;
    color: #fff;
    text-align: left;
}

.withdraw_inner .item a:before {
    content: initial;
}

.withdraw_inner .item a i {
    margin-right: 20px;
    font-size: 60px;
    vertical-align: middle;
}

.withdraw-details {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}

.withdraw-details h4 {
    font-size: 18px;
}

.withdraw-details p {
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.intl-tel-input {
    width: 100%;
}

.intl-tel-input input {
    padding: 0 10px 0 45px !important;
}


.black-table {
    border-collapse: collapse;
}

.black-table td {
    height: 52px;
    line-height: 52px;
    background: transparent !important;
    color: #fff;
}

.black-table tr:nth-child(odd) {
    background: #0c1b2d !important;
}

.black-table tr:nth-child(even) {
    background: #11253e !important;
}


.promotion_inner {
    margin: 0;
}

.promotions {
    padding: 20px 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.promotions__item {
    margin-bottom: 10px;
    border: 1px solid #242c3c;
}

.promotions__item img {
    display: block;
}

.container-section {
    margin: 100px 15px 0 15px;
    background: transparent;
    padding: 0;
    color: #dce0ea;
    font-family: inherit;
    font-size: 15px;
}

.home_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15px 0;
    margin-bottom: 5px;
}

.home_top .btn:first-child {
    margin-right: 10px !important;
}

@media screen and (max-width: 390px) {
    .home_top .btn {
        font-size: 12px !important;
    }
}

.category-menu {
    background-color: #1b2334;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.category-menu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid #242c3c;
}

.category-menu li:last-child {
    border-bottom: none;
}

.category-menu li a {
    display: block;
    padding: 15px 0 15px 15px;
}

.category-menu li a i {
    font-size: 24px;
    margin-right: 15px;
}

.base-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    padding: 15px 10px 15px 15px;
    margin-bottom: 5px;
}

.bl-icon {
    font-size: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
    max-width: 38px;
}

strong {
    font-weight: 700;
}

.symbol-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
}

.symbol-icon {
    background-color: #2962d6;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    display: block;
    font-size: 20px;
}

.bl-cell em {
    padding-right: 5px;
}

.bl-cell em {
    display: block;
    font-style: normal;
    color: #b9d0fe;
    font-size: 11px;
    line-height: 15px;
    margin-top: 5px;
}

.left_menu .home_top a[href="/deposits"],
.left_menu .home_top a[href="/withdraws"],
.home_top a[href="/deposits"],
.home_top a[href="/withdraws"] {
    display: none;
}

.profile_logout .left_menu .home_top a[href="/login"],
.profile_logout .left_menu .home_top a[href="/registration"],
.home_top.logout a[href="/login"],
.home_top.logout a[href="/registration"] {
    display: none;
}

.profile_logout .left_menu .home_top a[href="/deposits"],
.profile_logout .left_menu .home_top a[href="/withdraws"],
.home_top.logout a[href="/deposits"],
.home_top.logout a[href="/withdraws"] {
    display: block;
}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 0;

    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-pagination {
    width: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 20;
    position: absolute;
    bottom: 10px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 !important;
    flex-direction: row;
    justify-content: center;
}

.swiper-pagination-bullet {
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    width: 15px;
    height: 0px;
    padding: 2px;
    border-radius: 2px;
    margin: 0 4px;
    background: #333b4b;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;

}

.swiper-pagination-bullet-active {
    width: 20px;
    background: #12bc8c;
}

.casino-swiper .swiper-pagination-bullet-active {
    background: #d52f4c;
}

.slots-swiper .swiper-pagination-bullet-active {
    background: #dbaa35;
}

.swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    background: rgba(44, 108, 238, 0.2);
    border-radius: 50%;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
}

.swiper-slide img {
    width: 100%;
    /*height: 130px;*/
    object-fit: cover;
    object-position: left;
}


.slotgames_frame {
    background: transparent;
}


#login_form .login_error, .result > * {
    border-radius: 3px !important;
    padding: 14px 10px !important;
    margin: 10px 0 !important;
    font-weight: 500 !important;
    letter-spacing: .05em;
    line-height: 1.2em;
}

.bank_transfer_list li .copy,
.bank_transfer_list li.active .copy {
    display: none;
}

.bnk-trnsf.btn-back {
    margin: -10px -10px 10px;
}

#change_password_form,
#profile_info_form {
    margin-bottom: 30px;
}

#bank_account_form .warning-bar,
#change_password_form .warning-bar {
    margin-bottom: 20px;
}

.ticket_page .bank_form {
    margin-bottom: 10px;
}

.bank_info .copy {
    background: #1b4993;
    border-radius: 3px;
}

.bonus-checkbox label,
.age-checkbox label {
    float: left;
    font-weight: 500;
    color: #c2c8d7;
    font-size: 14px;
    padding-left: 45px;
    line-height: 22px;
}

.age-checkbox input {
    position: absolute;
    right: 0;
    left: 0;
}

.control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
}

.input-wrap .control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.self-start {
    position: relative;
}

.input-wrap .self-start {
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: 10px;
}

.checkbox_control-indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #232a3b;
    border: 1px solid #303647;
    border-radius: 3px;
    pointer-events: none;
}

.bonus-checkbox .control {
    height: 100%;
    width: 100%;
    padding-left: 0;
    line-height: 57px;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.wrap_input input:checked ~ .checkbox_control-indicator {
    background-color: #1b2334;
}

.checkbox_control-indicator:after {
    border: 1px solid #13b689;
    content: '';
    position: absolute;
    border-width: 0 3px 3px 0;
    left: 11px;
    top: 5px;
    height: 14px;
    width: 7px;
    visibility: hidden;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wrap_input input:checked ~ .checkbox_control-indicator:after {
    visibility: visible;
}

.bonus-checkbox .checkbox_control-indicator {
    background-color: #1b2334;
}

.bonus-checkbox .checkbox_control-indicator:after {
    border-color: #fff;
    border-width: 0 2px 2px 0;
}

#filterTickets {
    border-radius: 3px;
}

#formCreate #create {
    margin-top: 10px;
    color: #fff;
    box-shadow: none !important;
}

.deposit-table.history-detail td,
#active-bets-table td,
#bet-history-table td,
#transactions .credit-table td {
    line-height: 2;
    vertical-align: middle;
}

.deposit-table.history-detail span,
#transactions .credit-table a,
#active-bets-table a,
#bet-history-table a,
.table_link {
    line-height: 2;
    word-wrap: break-word;
}

#transactions .deposit-table td {
    position: relative;
}

#transactions .deposit-table .table_link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slot-item {

}

html[data-route="spribe"] .slot-item .game-item__image {
    height: 140px;
}

.game-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    height: 100%;
}

.game-item__image {
    display: block;
    width: 100%;
    height: 98px;
    object-fit: cover;
    flex-shrink: 0;
}

.game-item__footer {
    width: 100%;
    padding: 8px 18px;
    background: #1B2334;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

#body .game-item__footer .btn {
    width: 65px;
}

.game-item__name {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    color: #CAD1E1;
    margin: 5px 5px 5px 12px;
}

.game-item__diamond-icon {
    flex-shrink: 0;
}

.game-item__play-icon {
    margin-left: auto;
    flex-shrink: 0;
}

.game-item__info {
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    color: #C9D0DF;
    background: rgba(92, 102, 126, 0.9);
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.game-item__info > * + * {
    margin-top: 5px;
}

.game-item__info-row {
    display: block;
}

.game-item__info-row {
}

.game-item__info-title {
}

.game-item__info-value {
}

#reg_popup .error,
#reg_popup .success {
    width: 96%;
}

.promotion_inner .item a {
    display: block;
    position: static;
    width: 100%;
    height: auto;
}

/* 1x2 gaming */

html[data-route="one_two_gaming"] #content_block {
    background: #fff !important;
}

.one_two_gaming_grid {
    padding: 10px;
    padding-bottom: 0;
    background: url(../../i/betmatik/mobile/background_one_two.png) repeat;
}

.one-two-game {
    width: calc(50% - 5px);
    min-height: 134px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.one-two-game:nth-child(2n) {
    margin-right: 0;
}

.one-two-game__inner {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}

#igrosoft .home_top.one_two .js-one_two_gaming_group_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 15vw;
    padding: 0;
    background: #0ec294;
    border-bottom: 3px solid #11795e;
    font-size: 4.375vw;
}

#igrosoft .home_top.one_two .js-one_two_gaming_group_link.active {
    background: #1b4993;
    border-bottom: 3px solid #13305e;
}

.one-two-game__inner img {
    width: 100%;
    max-width: 100%;
    max-height: 200px;
    margin-top: 0;
    padding: 1.334vw;
    padding-bottom: 0;
    box-sizing: border-box;
}

.one-two-game__inner .title {
    display: table;
    height: 11.6vw;
    width: 100%;
}

.one-two-game__inner .title span {
    display: table-cell;
    font-size: 4vw;
    font-weight: 500;
    vertical-align: middle;
}

.bonus_check__container input {
    display: none;
}

.bank_form li label.bonus_check__label {
    position: relative;
    padding-left: 40px;
    line-height: 23px;
}

.bank_form li label.bonus_check__label:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #eaeaea 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%);
    border: 1px solid #ceced0;
    border-radius: 5px;
    position: absolute;
    left: 5px;
}

.bank_form li input:checked + label.bonus_check__label:after {
    content: "";
    display: inline-block;
    position: absolute;
    border-top: 3px solid #696975;
    border-left: 3px solid #696975;
    width: 5px;
    height: 10px;
    transform: rotate(-135deg);
    left: 13px;
    top: 3px;
    z-index: 1;
}

#deposit-payment-provider-info label {
    width: auto;
    font-size: 15px;
    text-transform: initial;
    margin-bottom: 3px;
}

.hidden {
    display: none;
}


::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

::-moz-placeholder {
    color: inherit;
    opacity: 1
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

::placeholder {
    color: inherit;
    opacity: 1
}

:-ms-input-placeholder {
    color: inherit
}

::-ms-input-placeholder {
    color: inherit
}

@font-face {
    font-family: 'proxima_nova';
    src: url(../../fonts/ProximaNova/proxima_nova_bold-webfont.woff2) format("woff2"), url(../../fonts/ProximaNova/proxima_nova_bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'proxima_nova';
    src: url(../../fonts/ProximaNova/proximanova-regular-webfont.woff2) format("woff2"), url(../../fonts/ProximaNova/proximanova-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.w100 {
    width: 100%
}

.h100 {
    height: 100%
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.clear {
    clear: both
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important
}

.flex-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

.kingbet-wrapper {
    background-color: #d9eff9
}

.page-container {
    margin: 0 auto;
    width: 100%
}

.page-table-area {
    margin-bottom: 10px
}

.kingbet-content-frame {
    font-family: 'proxima_nova';
    font-size: 13px;
    color: #000;
    position: relative;
    padding: 0 7px
}

.kingbet-content-frame .page-top-header {
    width: 100%;
    background-color: #c12528;
    height: 70px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff
}

.kingbet-content-frame .page-top-header .half-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 10px;
    height: 100%
}

.kingbet-content-frame .page-top-header .half-cell span {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 18px;
    max-width: 48px
}

.kingbet-content-frame .page-top-header .half-cell h2 {
    display: inline-block
}

.page-content-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.thead-area {
    background-color: #e1e1e1;
    height: 36px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 700;
    font-size: 14px
}

.th-cell.first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%
}

.th-cell.second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%
}

.th-cell.third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
    text-align: center
}

.tbody-area {
    background-color: #fff;
    counter-reset: my-awesome-counter
}

.tr-row {
    padding-left: 8px;
    padding-right: 8px;
    height: 40px;
    counter-increment: my-awesome-counter;
    border-bottom: 1px solid #e9e9e9
}

.tr-row .td-cell.first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%
}

.tr-row .td-cell.first:before {
    content: counter(my-awesome-counter);
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    margin-right: 18px
}

.tr-row .td-cell.second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%
}

.tr-row .td-cell.last {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%
}

.tr-row .bet-rate {
    margin: 0 auto;
    height: 23px;
    width: 50px;
    background-color: #ffefa7;
    text-align: center;
    line-height: 23px;
    border-radius: 11px
}

.tr-row .bet-user-name {
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.coupon-id {
    position: relative;
    display: inline-block;
    padding-right: 20px
}

.coupon-id:before {
    content: "";
    position: absolute;
    right: 0;
    z-index: 1;
    background-color: #b72427;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    top: 1px
}

.coupon-id:after {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 3px;
    z-index: 2;
    top: 3px
}

.coupon-id a:hover {
    text-decoration: underline
}

.page-left-column .tbody-area .tr-row:first-child {
    background: #f5bc2d;
    background: -webkit-gradient(linear, left top, right top, from(#f5bc2d), to(#fef4db));
    background: -o-linear-gradient(left, #f5bc2d 0%, #fef4db 100%);
    background: linear-gradient(to right, #f5bc2d 0%, #fef4db 100%)
}

.page-right-column .tbody-area .tr-row:first-child {
    background: #8bd2ff;
    background: -webkit-gradient(linear, left top, right top, from(#8bd2ff), to(#dbf5fe));
    background: -o-linear-gradient(left, #8bd2ff 0%, #dbf5fe 100%);
    background: linear-gradient(to right, #8bd2ff 0%, #dbf5fe 100%)
}

.tbody-area .tr-row:first-child .td-cell .bet-user-name {
    padding-left: 38px;
    position: relative
}

.page-left-column .tbody-area .tr-row:first-child .td-cell .bet-user-name:before {
    content: "";
    background: url(../../i/betmatik/mobile/king-icon01.png) no-repeat left center;
    width: 30px;
    height: 20px;
    position: absolute;
    left: -3px;
    top: -5px;
    background-size: contain
}

.page-right-column .tbody-area .tr-row:first-child .td-cell .bet-user-name:before {
    content: "";
    background: url(../../i/betmatik/mobile/king-icon02.png) no-repeat left center;
    width: 30px;
    height: 20px;
    position: absolute;
    left: -3px;
    top: -5px;
    background-size: contain
}

.page-left-column .tbody-area {
    border-right: 1px solid #e9e9e9
}

.page-section-title {
    background-color: #f6f6f6;
    height: 52px;
    padding-left: 18px
}

.page-section-title h3 {
    margin: 0;
    font-size: 20px;
    line-height: 52px
}

.blue-title {
    color: #2353a2
}

.red-title {
    color: #f2282d
}

.gray .tbody-area {
    background-color: #ececec
}

.gray .thead-area {
    color: #5b5b5b;
    font-weight: 400
}

.gray .tbody-area, .gray .tbody-area .tr-row {
    border-color: #d3d3d3
}

.gray .tbody-area .tr-row:first-child {
    background: transparent
}

.gray .tbody-area .tr-row:first-child .td-cell .bet-user-name:before {
    display: none !important
}

.gray .tbody-area .tr-row:first-child .td-cell .bet-user-name {
    padding-left: 0 !important
}

.page-left-column .page-section-title {
    border-right: 1px solid #d8d8d8
}

.desktop-banner-frame {
    background-color: #0c1b2d
}

.rule-navigator {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #c62529;
    height: 86px;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.rule-navigator span:after {
    content: "\27F6";
    margin-left: 20px;
    font-size: 27px
}

.blue-bg {
    background-color: #2353a2 !important
}

@media screen and (max-width: 360px) {
    .rule-navigator {
        font-size: 17px
    }

    .rule-navigator span:after {
        font-size: 22px;
        margin-left: 10px
    }

    .kingbet-content-frame .page-top-header .half-cell h2 {
        font-size: 20px
    }
}

.page-banner-frame img {
    display: block;
    width: 100%;
    max-width: 414px;
    margin: 0 auto;
}

.desktop-banner-frame a {
    display: block;
}

.desktop-banner-frame a img {
    display: block;
    width: 100%;
}

.tr-row .bet-user-name {
    margin-left: 24px;
}

.tbody-area .tr-row:first-child .td-cell .bet-user-name {
    padding-left: 26px;
    width: calc(100% - 64px);
}

.page-left-column .tbody-area .tr-row:first-child .td-cell .bet-user-name:before {
    width: 20px;
    height: 12px;
    left: 0;
    top: 0;
}

.page-right-column .tbody-area .tr-row:first-child .td-cell .bet-user-name:before {
    width: 20px;
    height: 12px;
    left: 0;
    top: 0;
}

.rule-navigator {
    padding: 0 8px;
}

.tr-row .td-cell.first:before {
    position: absolute
}

.tr-row .bet-user-name {
    width: calc(100% - 38px);
}

.home_top a.live_support,
.home_top a.active {
    background: transparent;
}

#slots-tabs,
#casinos-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-between !important;
    -webkit-box-pack: space-between !important;
    justify-content: space-between !important;
}

.category-tab-link {
    width: 49% !important;
    height: 60px;
    background-color: #262f41 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    padding: 0 !important;
    padding-left: 37px !important;
    position: relative !important;
    color: #dbe0ea !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border: 1px solid transparent;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    float: none !important;
    font-family: inherit !important;
    -o-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    text-transform: unset !important;
}

.poker-label-btn:before,
.category-tab-link:before {
    content: "";
    background: url('../../i/betmatik_dark/mobile/tabs/item-arrow.png') no-repeat left top;
    position: absolute;
    width: 36px;
    height: 33px;
    left: 5px;
    top: 19px;
    z-index: 10;
    background-size: cover;
}

.poker-label-btn:before {
    width: 30px;
    height: 28px;
    left: 14px;
    top: 23px;
}

.poker-label-btn:after,
.category-tab-link:after {
    content: "";
    background: url('../../i/betmatik_dark/mobile/tabs/item-corner.svg') no-repeat left top;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    bottom: 0;
    background-size: cover;
}

.category-tab-link:hover,
.category-tab-link.active {
    border-color: #f03251;
    background-color: #0d131f !important;
}

#slots-tabs .category-tab-link:hover,
#slots-tabs .category-tab-link.active {
    border-color: #dbaa35;
    background-color: #0d131f !important;
}

.category-tab-link:hover:after,
.category-tab-link.active:after {
    background-image: url('../../i/betmatik_dark/mobile/tabs/item-corner-red.png');
}

#slots-tabs .category-tab-link:hover:after,
#slots-tabs .category-tab-link.active:after {
    background-image: url('../../i/betmatik_dark/mobile/tabs/item-corner-yellow.png');
}

.vivo_group,
.casino_inner,
.ezugi_menu {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-between !important;
    -webkit-box-pack: space-between !important;
    justify-content: space-between !important;
}

.vivo_group {
    padding: 0;
}

.vivo .vivo_item,
.casino_inner .item,
.ezugi_menu li {
    position: relative;
    margin: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 50%;
    width: 50%;
    overflow: hidden;
}

.casino_inner .item:after,
.ezugi_menu li:after {
    content: "";
    background: -o-linear-gradient(bottom, rgba(18, 25, 41, 1), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(18, 25, 41, 1)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(18, 25, 41, 1), rgba(0, 0, 0, 0));
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 5;
}

.casino_inner .item {
    background: transparent;
}

.casino_inner .item .item_info {
    position: absolute;
    padding: 4vw 0vw 0vw 4vw;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    padding-right: 20px;
    line-height: 20px;
}

.casino_inner .item .item_info .title {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1.2;
}

.casino_inner .item .item_info .separate {
    display: none;
}

#wrap {
    /*background: url('../../i/betmatik_dark/mobile/loader.gif') no-repeat center #0d1119;*/
    background: none;
}

.streak_item {
    display: none;
}

.streak_items {
    padding: 0 15px;
}

.streak_items .item-container.item {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.vivo_item:after,
.streak_items .item-container.item:after {
    content: "";
    background: -o-linear-gradient(bottom, rgba(18, 25, 41, 1), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(18, 25, 41, 1)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(18, 25, 41, 1), rgba(0, 0, 0, 0));
    width: 100%;
    height: 18%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 5;
}

.streak_items .streak_link .gamestatus {
    position: absolute;
    left: 6px;
    bottom: 55px;
}

.streak_items .streak_link .gamestatus .btn {
    padding: 0 !important;
    width: 80px !important;
    height: 28px !important;
    color: #fff !important;
    background-color: #f03251 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border-radius: 3px !important;
    font-family: inherit !important;
    line-height: 30px !important;
    text-transform: none !important;
}

.streak_items .streak_link .dealer {
    position: absolute;
    padding: 6px 15px;
    bottom: 25px;
    left: 6px;
    background-color: #97875c;
    color: #fff;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border-radius: 3px !important;
}

.streak_items .streak_link .numberOfSeats {
    position: absolute;
    top: auto;
    right: 6px;
    font-size: 12px;
    bottom: 66px;
}

.streak_items .streak_link .occupiedSeats {
    position: absolute;
    top: auto;
    right: 6px;
    font-size: 12px;
    bottom: 52px;
}

.vivo {
    padding: 0 15px;
}

.vivo_item {
    padding: 0 !important;
}

.vivo_item .vimg {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}

.vivo_item .name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 29px;
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0 6px;
    color: inherit;
    font-size: 15px;
    font-weight: 500;
}

.vivo_item .name img {
    margin-top: 26px;
}


#slots-tabs {
    padding: 15px;
}

#slots-tabs .category-tab-link {
    /* width: 35% !important; */
    overflow: hidden;
}

#slots-tabs .category-tab-link a {
    line-height: 58px;
    padding-left: 40px;
}

.mask-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ph-menu,
#suites_menu {
    position: relative;
    background: #151d2f;
    border-bottom: 1px solid #242c3c;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ph-menu ul,
#suites_menu ul {
    width: 80%;
    margin-left: 40px;
    border: none;
    background: transparent;
}

.ph-menu ul li,
#suites_menu ul li {
    width: auto;
}

.ph-menu .slick-arrow,
#suites_menu .slick-arrow {
    width: 40px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 0;
    background: #151d2f;
    border: none;
    z-index: 20;
}

.ph-menu .slick-arrow i,
#suites_menu .slick-arrow i {
    display: block;
}

.ph-menu a,
#suites_menu a {
    display: block;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
    font-size: 13px;
    font-weight: 500;
    color: #c2c8d7;
    font-family: inherit;
    background: #151d2f;
    border-right: 1px solid #242c3c;
    text-align: center;
    white-space: nowrap;
}

.ph-menu ul li.active a,
#suites_menu ul a.current {
    color: #fff;
    background-color: #121929;
    border: none;
    border-right: 1px solid #242c3c;
    box-shadow: none;
    font-size: 13px;
}

.ph-menu .swiper-button-next,
#suites_menu .swiper-button-next {
    right: 0;
}

.betsoft-slot-games {
    margin-top: 15px !important;
}

.betsoft-slot-games .slot-item {
    width: calc(50% - 10px);
}

.page-top-back {
    height: 40px;
    background-color: #1b2334;
    padding: 0 15px;
    line-height: 40px;
    color: #c2c8d7;
    font-size: 14px;
}

.page-top-back i {
    margin-right: 12px;
}

.affilates-wrapper {
    margin-top: 30px;
    padding: 0 15px;
}

.affilates-wrapper .btn {
    margin-top: 15px !important;
}

.affilates-wrapper .input-wrap {
    margin-bottom: 20px;
}

.affilates-info-container {
    padding: 0 15px;
}

.dealer-box {
    background: #1b2334;
    position: relative;
    padding: 30px 20px;
    margin-bottom: 30px;
    border: 1px solid #293243;
}

.dealer-box .step {
    position: absolute;
    top: 37px;
    right: 15px;
    width: 120px;
    height: 40px;
    background-color: #242c3c;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
}

.db-icon {
    color: #f03251;
    font-size: 50px;
    margin-bottom: 20px;
}

.db-icon {
    color: #f03251;
    font-size: 50px;
    margin-bottom: 20px;
}

.db-content {
    color: #c2c8d7;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}

.db-content strong {
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

.affilates-info-container i {
    display: block;
}

.head-title_border.head-title,
#bank_account_form .head-title,
.deposits-title.head-title,
.profile-info-title.head-title,
.withdraw-title.head-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.deposits-title.head-title {
    margin-bottom: 13px;
}

.currency {
    position: absolute;
    right: 10px;
    top: 26px;
    color: #c2c8d7;
    font-size: 13px;
    font-weight: 500;
}

.warning-bar {
    width: 100%;
    padding: 15px 10px 5px 15px;
    margin-top: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 50px;
    position: relative;
    background-color: #201f1b;
    color: #fff;
    border: 1px solid #4b3f21;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#bank_account_form .warning-bar {
    display: flex
}

#bank_account_form .warning-bar i {
    position: initial;
    margin-right: 15px;
}

.warning-bar.large {
    min-height: 60px;
    padding-top: 10px;
}

.warning-bar.red {
    background-color: #22141e;
    border-color: #521b2a;
}

.warning-bar.large h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #ad8835;
}

.warning-bar i {
    position: absolute;
    left: 15px;
    top: 12px;
    color: #e2363a;
    font-size: 21px;
}

.list-arrow li {
    padding-left: 25px;
    font-size: 13px;
    position: relative;
    line-height: 24px;
    margin-bottom: 14px;
}

.list-arrow li:before {
    content: "\f19c";
    font-family: 'Flaticon';
    color: #ad8835;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.ht-invest-inner {
    text-align: center;
}

.invest-info {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.invest-info__title {
    font-size: 25px;
    font-weight: 900;
    color: #d7dce7;
}

.invest-info__subtitle {
    font-size: 19px;
    font-weight: 500;
}

.invest-info__description {
    margin-top: 10px;
    font-size: 13px;
    color: #d2d7e2;
}

.line {
    width: 100%;
    padding: 10px 0px;
    background: url('../../i/betmatik_dark/mobile/line.png') no-repeat center center;
}

.invest-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-between !important;
    -webkit-box-pack: space-between !important;
    justify-content: space-between !important;
    padding: 0 15px;
}

.invest-list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    max-width: 46%;
    width: 46%;
    margin: 0 5px 10px 5px;
    background-color: #1b2334;
    border-radius: 3px;
    margin-bottom: 10px;
    border-bottom: 4px solid #242c3c;
    text-align: left;
    min-height: 100%;
    padding-bottom: 10px;
}

.invest-list .item-logo {
    padding-left: 5%;
    padding-top: 20px;
    border-bottom: 1px solid #242c3c;
}

.invest-list .item-logo:before {
    content: "";
    position: absolute;
    right: 10%;
    top: 0;
    background: url('../../i/betmatik_dark/mobile/method/y-icon.png') no-repeat center top;
    width: 45px;
    height: 33px;
}

.invest-list .item-logo img {
    display: block;
    position: relative;
    z-index: 5;
    max-height: 51px;
}

.invest-list .item-info {
    padding-left: 5%;
    padding-top: 15px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.invest-list .item-info:before {
    content: "";
    background: url('../../i/betmatik_dark/mobile/play.png') no-repeat center top;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 3%;
    top: 13px;
    background-size: cover;
}

.invest-list .item-info__title {
    color: #b5bbc9;
    line-height: 18px;
    padding-right: 30px;
}

.invest-list .item-info__subtitle {
    color: #fff;
    line-height: 18px;
    margin-top: 10px;
}

.top-account-slider {
    display: none;
}

html[data-route="messages"] .top-account-slider,
html[data-route="messages"] .top-account-slider,
html[data-route="create_ticket"] .top-account-slider,
html[data-route="tickets"] .top-account-slider,
html[data-route="bank_accounts"] .top-account-slider,
html[data-route="transaction_history"] .top-account-slider,
html[data-route="my_slips"] .top-account-slider,
html[data-route="bank_transfer"] .top-account-slider,
html[data-route="ortak_panel"] .top-account-slider,
html[data-route="peple"] .top-account-slider,
html[data-route="withdraws"] .top-account-slider,
html[data-route="deposits"] .top-account-slider,
html[data-route="bank_accounts"] .top-account-slider,
html[data-route="bank_accounts_list"] .top-account-slider,
html[data-route="profileInfo"] .top-account-slider,
html[data-route="two_factor_authentication"] .top-account-slider,
html[data-route="logout"] .top-account-slider {
    display: block;
}

.top-account {
    height: 60px;
    background-color: #1b2334;
    padding: 0 15px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.top-user-name {
    font-size: 14px;
}

.top-user-balance {
    font-size: 14px;
    color: #c2c8d7;
    margin-top: 5px;
}

.top-user-balance strong {
    font-weight: 500;
}

.top-account__money-activity {
    margin-left: auto;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.top-account__user-block {
    display: flex;
    align-items: center;
}

.top-account__name-balance {
    padding-left: 15px;
}

.user-icon {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    border: 3px solid #2f3646;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 2px;
}

.money-btn {
    display: block;
    margin-left: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #131a2a;
    overflow: hidden;
}

.money-btn i {
    display: inline-block;
    height: 100%;
}

.top-swiper {
    padding: 20px 10px;
    background-color: #121928;
    display: block;
}

.top-swiper .slick-track {
    display: flex !important;
    width: 100% !important;
}

.top-swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top-swiper__item {
    width: 100px;
    min-width: 112px;
    height: 110px;
    margin: 0 2px;
    position: relative;
    background-color: #1b2334;
    border-radius: 5px;
    border: 1px solid #2e384b;
    font-size: 13px;
    line-height: 20px;
    color: #C2C8D7;
    padding-top: 17px;
    text-align: center;
    text-transform: uppercase;
}

.slick-slide {
    width: 100%;
}

.top-swiper__item i {
    font-size: 24px;
    margin-bottom: 8px;
    display: block;
    line-height: normal;
}

.top-swiper__item.active-route {
    background: linear-gradient(180deg, #2E384B 0%, #1B2334 100%);
}

.top-user-balance span,
.top-swiper__item.active-route i {
    color: #12bc8c;
}

.dual-wrapper {
    width: calc(100% - 14px);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 23px;
    margin-left: 7px;
    margin-right: 7px;
}

.cs-cash-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #151b29;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #2F394B;
    transition: all 0.3s ease-in-out;
}

.cs-cash-btn p {
    font-family: "Axiforma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    color: #C2C8D7;
    margin: 0;
    text-transform: uppercase;
}

.deposit-row td.method img {
    flex-shrink: 0;
}

.deposit-table td img {
    width: 28px;
}

tr.deposit-row td {
    padding: 10px 20px;
}

.deposit-table td:first-child, .deposit-table th:first-child {
    width: 48%;
}

.deposit-table td:first-child p {
    margin-left: 12px !important;
    white-space: break-spaces;
}

.deposit-table td p {
    white-space: nowrap;
}

tr.deposit-row td p {
    font-family: "Axiforma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    color: #C2C8D7;
}

tr.deposit-row td p.amount {
    color: #FFFFFF;
    margin-left: 0;
}

.deposit-table tbody tr:nth-of-type(even) td {
    background: #151b29;
    box-sizing: border-box;
}

.deposit-table td {
    background: #151b29;
    text-align: left;
    height: auto;
    vertical-align: middle;
}

.deposit-table thead th {
    font-style: normal;
    font-weight: 600;
    font-size: 9px;
    line-height: 15px;
    color: #A7B1C6;
    padding: 10px 20px;
    text-align: left;
    background: #151b29;
    text-transform: capitalize;
    overflow: initial;
}

.method-container {
    display: flex;
    align-items: center;
}

html[data-route='error_404'] header {
    display: block;
}

html[data-route='error_404'] #content_block {
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center top !important;
}

html[data-route='error_404'] footer {
    margin-top: 10px;
}

.deep-note {
    margin-top: 10px;
    background-color: #23323f;
    border: 1px solid #20494c;
    border-radius: 3px;
    padding: 12px;
    color: #fff;
    line-height: 1.5;
    position: relative;
    padding-left: 30px;
    font-size: 13px;
}

.deep-note i {
    font-size: 16px;
    margin-right: 6px;
    vertical-align: inherit;
    position: absolute;
    left: 7px;
    top: 9px;
}

.bank_transfer_list > ul > li {
    background: transparent;
}

#bank_transfer_form .bank_info {
    padding: 15px;
    padding-top: 0;
    font-size: 13px;
    background-color: #242c3c;
    margin-bottom: 30px;
    border-radius: 3px;
    border: 1px solid #303647;
}

.bank-info-header {
    height: 56px;
    line-height: 56px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

#bank_transfer_form .bank_info .bank-info-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#bank_transfer_form .bank_info .bank-info-panel .wrap_input {
    -webkit-box-flex: 48%;
    -ms-flex: 48%;
    flex: 48%;
}

/*#bank_transfer_form .bank_info .bank-info-panel .wrap_input:nth-child(odd) {*/
/*    margin-right: 10px;*/
/*}*/

.bank_info .input-wrap {
    background-color: #2c3444;
}

.bank_info .input-wrap .input-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
}

.bank_info .input-wrap .input-holder .textbox {
    line-height: 25px;
}

.bank_transfer_list {
    margin-bottom: 20px;
}

.bank_transfer_list .bank_name {
    width: 50%;
}

.bank_transfer_list .bank_name a {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.bank_transfer_list > ul > li.active > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #242c3c;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #303647;
    padding: 15px;
}

.bank_transfer_list > ul > li > ul li {
    padding: 8px 0 0 20px;
    margin: 0 0 15px;
    color: #b8b8b8;
    font-size: 12px;
    min-height: 60px;
    background-color: #2c3444;
    border: 1px solid #303647;
    border-radius: 5px;
    -webkit-box-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.bank_transfer_list > ul > li > ul li label {
    display: block;
    width: 100%;
    text-align: left;
}

.bank_transfer_list > ul > li > ul li label ~ span {
    color: #fff;
    font-size: 13px;
}

.bank_transfer_list li.active .list_item {
    padding-top: 20px;
    background-color: #242c3c;
    border: 1px solid #303647;
    border-bottom: none;
    -moz-border-radius: 3px 0 0 3px;
    -khtml-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.bank_transfer_list li.active .list_item ~ ul {
    border-top: none;
    -moz-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.bank-accounts .head-title {
    margin-top: 20px;
}

.ba-item {
    background-color: #1b2334;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 14px;
}

.ba-item-top {
    border-bottom: 1px solid #242c3c;
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.bb-logo {
    width: 40px;
    height: 40px;
}

.ba-item-top__name {
    margin-left: 10px;
}

.ba-item-top__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    text-transform: uppercase;
}

.update-btn {
    width: auto;
    padding: 0 7px;
    height: 30px;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background-color: #2c6cee;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 11px;
    font-weight: 700;
    margin-right: 5px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ba-item-top__btns .remove-btn-thin {
    width: auto;
    padding: 0 7px;
    height: 30px;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    background-color: #f03251;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 11px;
    font-weight: 700;
}

.ba-item-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #242c3c;
}

.ba-item-middle .ba-item-middle__item:first-child {
    border-right: 1px solid #242c3c;
}

.ba-item-middle__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px;
}

.ba-item-middle__item span {
    display: block;
    color: #c2c8d7;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.no-results {
    padding: 10px;
    text-align: center;
}


.slip-form .head-title {
    margin: 30px 0;
}

.slip-form .head-title:first-child {
    margin-top: 0;
}

.selects-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.selects-wrapper .input-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    color: #c2c8d7;
    height: 44px;
    min-height: 44px;
    background-color: #2c3444;
}

.selects-wrapper .input-wrap:last-child {
    margin-right: 0;
}

.selects-wrapper .input-wrap .wrap_input__select {
    width: 100%;
    margin: 0;
}

.selects-wrapper .input-wrap .wrap_input__select:after {
    font-size: 9px;
    right: 5px;
    top: 0;
    line-height: 44px;
}

.selects-wrapper .input-wrap select {
    padding: 0 25px 0 10px;
    width: 100%;
    height: 100%;
    font-size: 13px;
}

.ticket_page .input-wrap select option,
.selects-wrapper .input-wrap select option {
    color: #c2c8d7;
    background-color: #2c3444;
}

.selects-wrapper .input-wrap select option:checked {
    background-color: #1b2334;
}

.select-filter-search {
    height: 44px;
    padding: 0 18px;
    margin-bottom: 30px;
    background-color: #2c3444;
    border-radius: 3px;
    color: #c2c8d7;
}

.select-filter-search__input {
    float: left;
    width: calc(100% - 34px);
    color: #c2c8d7 !important;
    font-size: 12px !important;
    height: 100% !important;
}

.select-filter-search__btn {
    float: left;
    width: 34px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    border: none;
}

.select-filter-search__btn i {
    color: #c2c8d7;
}

.slip-form .btn.filter {
    margin: 10px 0 !important;
}

#bets-list .no-results p,
#active-bets-list .no-results p {
    color: inherit;
    font-size: inherit;
    margin: 0;
    line-height: 1;
    font-weight: normal;
}

.slip-box {
    background-color: #1b2334;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

.slip-box-top {
    padding: 15px 10px;
}

.circle-bg {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #2c364a;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    color: #b7becb;
}

.circle-bg i {
    font-size: 12px;
}

.slip-box-top__name {
    padding: 0 10px;
    font-size: 15px;
}

.slip-box-top__btns {
    margin-left: auto;
}

.coupon-status-btn {
    width: 100px;
    height: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 26px;
    font-size: 11px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
}

.coupon-status-btn i {
    margin-left: 5px;
}

.coupon-status-btn.waiting {
    /*  flatiicon-clock */
    background-color: #2d436f;
    border: 1px solid #2a54a8;
}

.coupon-status-btn.win {
    /*  flaticon-checked */
    background-color: #225152;
    border: 1px solid #1a846e;
}

.coupon-status-btn.lose {
    /* flaticon-close-cross */
    border: 1px solid #a63751;
    background-color: #643b50;
}

.more-btn {
    height: 28px;
    background-color: #2c364a;
    display: block;
    line-height: 28px;
    padding: 0 7px;
    border-radius: 3px;
    margin-left: 5px;
    color: #b7becb;
}

.slip-box-row {
    border-top: 1px solid #242c3c;
}

.slip-box-row .slip-box-row__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px;
    border-right: 1px solid #242c3c;
    width: 33%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.slip-box-row .slip-box-row__cell:last-child {
    border-right: none;
}

.slip-box-row .slip-box-row__cell span {
    display: block;
    color: #c2c8d7;
    font-size: 12px;
    margin-bottom: 5px;
}

@media screen and (max-width: 350px) {
    .slip-box {
        font-size: 13px;
    }

    .slip-box-top__name {
        font-size: 13px;
    }
}

@media screen and (max-width: 340px) {
    .slip-box {
        font-size: 12px;
    }

    .slip-box-top__name {
        font-size: 12px;
    }
}

@media screen and (max-width: 330px) {
    .slip-box {
        font-size: 11px;
    }

    .slip-box-top__name {
        font-size: 11px;
    }
}

.slip-popular-info {
    margin-top: -15px;
}

.sp-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    width: 46%;
    position: relative;
}

.sp-item__wrapper {
    width: 100%;
    height: 170px;
    background-color: #151d2f;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;

}

.sp-item:nth-child(odd) {
    margin-right: 20px;
}

.sp-item__wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: .2;
}

.sp-item__wrapper_yellow:after {
    background-color: #dbaa35;
}

.sp-item__wrapper_green:after {
    background-color: #12bc8c;
}

.sp-item__wrapper_red:after {
    background-color: #f03251;
}

.sp-item__wrapper_blue:after {
    background-color: #2c6cee;
}

.cp-item__icon {
    font-size: 40px;
    padding-top: 24px;
}

.sp-item__wrapper_yellow .cp-item__icon {
    color: #dbaa35;
}

.sp-item__wrapper_green .cp-item__icon {
    color: #12bc8c;
}

.sp-item__wrapper_red .cp-item__icon {
    color: #f03251;
}

.sp-item__wrapper_blue .cp-item__icon {
    color: #2c6cee;
}

.sp-item__wrapper strong {
    display: block;
    font-size: 22px;
    color: #fff;
}

.sp-item__wrapper span {
    color: #c2c8d7;
    font-size: 14px;
    display: block;
    margin: 10px 0;
}

.sp-item__wrapper em {
    display: block;
    font-size: 17px;
    color: #7a7e89;
    font-weight: 500;
    font-style: normal;
    margin-top: 10px;
}

.tickets-page .profile_inner,
#transactions .profile_inner {
    padding-top: 0;
}

.form-icon.caret i {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #586175;
    border-bottom: 5px solid transparent;
    display: inline-block;
}

.history-page .wrap_input select option {
    background-color: #1b2334;
    color: #fff;
}

.edit-ticket-form .wrap_input,
.tickets-page .tickets-page__selects .wrap_input,
.history-page .history-page__selects .wrap_input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
    overflow: hidden;
}

.edit-ticket-form .wrap_input input,
.tickets-page .tickets-page__selects .wrap_input input,
.history-page .history-page__selects .wrap_input input {
    width: 83px;
}

.edit-ticket-form .wrap_input:nth-child(odd),
.tickets-page .tickets-page__selects .wrap_input:first-child,
.history-page .history-page__selects .wrap_input:first-child {
    margin-right: 10px;
}

#transactions_container {
    margin-top: 15px;
}

.transactions_item {
    background-color: #1b2334;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

.transactions_item__top {
    padding: 15px 10px;
    border-bottom: 1px solid #242c3c;
}

.ti-name {
    padding-left: 10px;
    font-size: 15px;
}

.ti-logo i {
    color: #c2c8d7;
    font-size: 25px;
}

.ti-name span {
    display: block;
    line-height: 1.5;
}

.ti-name span:nth-child(2) {
    color: #c2c8d7;
    font-size: 12px;
    margin-top: 2px;
}

.ti-btns {
    margin-left: auto;
}

.pr-date {
    font-size: 11px;
    margin-top: 10px;
    color: #c2c8d7;
    white-space: nowrap;
}

.status {
    font-weight: 500;
    font-size: 12px;
    text-align: right;
}

.status.waiting {
    color: #9aafd8 !important;
}

.status.approve,
.status.answered {
    color: #12bc8c !important;
}

.status.cancel {
    color: #f03251 !important;
}

.status i {
    font-size: 10px;
    font-weight: 400;
    margin-left: 3px;
}

.ti-row.border-bottom {
    border-bottom: 1px solid #242c3c;
}

.ti-row .ti-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px;
    border-right: 1px solid #242c3c;
}

.ti-row .ti-cell:last-child {
    border-right: none;
}

.ti-cell span {
    display: block;
    color: #c2c8d7;
    font-size: 12px;
    margin-bottom: 5px;
}

.ti-cell .status {
    font-size: 14px;
    text-align: left;
}

#transactions .pagination {
    margin-top: 30px;
    display: block;
}

.pagination {
    background: transparent;
    border: none;
    box-shadow: none;
}

#transactions .pagination_inner {
    float: none;
}

#transactions .pagination input {
    float: none;
    padding: 0;
    display: inline-block;
    background: transparent;
    border: none;
}

.pagination .button.prev input {
    text-align: right;
    min-width: 80px;
}

.pagination .button.page input {
    text-align: center;
}

.pagination .button.next input {
    text-align: left;
    min-width: 80px;
}

.pagination .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 42px;
    padding-right: 13px;
    position: relative;
    background-color: #272f40;
    font-size: 12px;
    text-align: right;
    color: #fff;
    line-height: 42px;
    border: 1px solid #30384a;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
}

.pagination .button {
    margin: 0 3px;
}

.pagination .button.page {
    -webkit-box-flex: 0;
    width: 30px;
    -ms-flex: 30px;
    flex: 30px;
    max-width: 30px;
}

.pagination .button.next {
    text-align: left;
    padding-right: 0;
    padding-left: 13px;
}

.pagination .button i {
    display: inline-block;
}

.pagination .button.prev i {
    float: left;
    margin-left: 10px;
}

.pagination .button.next i {
    float: right;
    margin-right: 10px;
}

.pagination_inner > .button:hover,
.pagination_inner > .button.disabled_page_link:hover {
    background: #3a455d;
}

.pagination_inner .button.page input {
    color: #999;
}

.pagination_inner .button.page.active_page_link input,
.pagination_inner > .button:hover input {
    color: #fff;
    opacity: 1;
}

.pagination_inner > div.active_page_link,
.pagination_inner > div.active_page_link:hover {
    background: #3a455d;
    border: none;
    height: 100%;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.slip-detail td,
.slip-detail th {
    border: none;
    color: #dadfea;
    padding: 5px;
    padding-left: 15px;
    font-size: 14px;
}

.slip-detail tbody tr:nth-child(odd) {
    background-color: #242c3c;
    border-bottom: 1px solid #383e50;
}

.slip-detail tbody tr:nth-child(even) {
    background-color: #272f40;
    border-bottom: 1px solid #383e50;
}

.slip-detail tbody tr td:first-child {
    padding-right: 0;
}

.slip-detail tbody .first {
    position: relative;
    border-right: 1px solid #383e50;
}

.slip-detail tbody tr td .first:before {
    content: ":";
    position: absolute;
    right: 6px;
}

.slip-detail tbody tr td event-info__td.first:before {
    content: ":";
}

.slip-detail tbody .event-info-row {
    background-color: #1f2735;
    border-bottom: 1px solid #383e50;
}

.slip-detail tbody .event-info-row td {
    position: relative;
    padding: 15px !important;
}

.event-info__td.first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-bottom: 10px;
}

.event-info__td {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.event-info__text {
    font-size: 10px;
    color: #c2c8d7;
}

.event-info__text-2 {
    font-size: 12px;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 5px;
}

.event-info__td.first .event-info__text {
    font-size: 12px;
}

.event-info__td.first .event-info__text-2 {
    font-size: 15px;
}

.event-info__td.second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
}

.event-info-row__score .event-info__td.second {
    flex: 0 0 27%;
}

.event-info__td.third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    padding: 0 5px;
}

.event-info-row__score .event-info__td.third {
    flex: 0 0 30%;
}

.event-info-row__score .event-info__td.third {
    flex: 0 0 30%;
}

.event-info__td.fourth {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
}

.event-info-row__score .event-info__td.fourth {
    flex: 0 0 14%;
}

.event-info__td.last {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
}

.event-info-row__score .event-info__td.last {
    flex: 0 0 15%;
}

.event-info__td .win {
    color: #12bc8c;
}

.event-info__td .win:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    background-color: #12bc8c;
    width: 2px;
    height: 30px;
}

.event-info__td .lose {
    color: #f03251;
}

.event-info__td .lose:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    background-color: #f03251;
    width: 2px;
    height: 30px;
}

.slip-detail tbody .event-info-row .first {
    line-height: normal;
    border: none;
}

.tickets-page #filterTickets,
.tickets-page .btn {
    margin-bottom: 20px !important;
}

.ticket_page .wrap_input__select {
    margin: 0;
}

textarea.form-textarea {
    height: 160px;
    width: 100%;
    padding: 10px 10px 10px 0;
    color: #fff;
    background: transparent;
    border: none;
    resize: none;
    font-size: 13px;
    font-weight: 500;
}

html[data-route="edit_ticket"] header,
html[data-route="edit_ticket"] footer {
    display: none !important;
}

html[data-route="edit_ticket"] .content_wrap {
    padding-bottom: 100px;
}

.edit-ticket-page__wrapper {
    background: #0d1119;
}

.edit-ticket-form .wrap_input .input-wrap {
    min-height: 70px;
    padding-top: 6px;
    background-color: #1b2334;
    border: none;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.edit-ticket-form .wrap_input .input-wrap .form-icon i {
    font-size: 22px;
}

.edit-ticket-form .wrap_input .input-wrap .status {
    font-size: 13px;
}

.edit-ticket-form .wrap_input select:disabled,
.edit-ticket-form .wrap_input input:disabled {
    opacity: 1;
}

.edit-ticket-form .result {
    clear: both;
    position: fixed;
    bottom: 100px;
    z-index: 5;
    width: calc(100% - 30px);
}

.chat-message-row {
    width: 100%;
    margin-bottom: 10px;
}

.edit-ticket-form .chat-message-row:first-child {
    padding-top: 20px;
    margin-top: 30px;
}

.edit-ticket-form .chat-message-row:last-child {
    padding-bottom: 120px;
}

.chat-message-item {
    position: relative;
    font-size: 14px;
    width: 90%;
    padding-bottom: 30px;
}

.chat-message-item.system {
    float: left;
}

.chat-message-item.user {
    float: right;
}

.chat-message-item.system:before {
    content: "";
    position: absolute;
    left: 0;
    top: -17px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #272f40;
    border-right: 20px solid transparent;
}

.chat-message-item.user:before {
    content: "";
    position: absolute;
    right: 0;
    top: -17px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #272f40;
    border-left: 20px solid transparent;
}

.chat-message-top {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    background-color: #272f40;
    border-bottom: 1px solid #3a4254;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cm-name {
    font-size: 13px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.user .cm-name {
    color: #dbaa35;
}

.system .cm-name {
    color: #12bc8c;
}

.cm-who {
    border-left: 1px solid #323b4d;
    padding-left: 5px;
    font-size: 11px;
    color: #c2c8d7;
    font-weight: 500;
}

.cm-date {
    padding-left: 5px;
    color: #8b909d;
    font-size: 11px;
    font-weight: 500;
    margin-left: auto;
}

.chat-message {
    padding: 20px 30px;
    color: #edf0f6;
    font-size: 13px;
    line-height: 24px;
    background-color: #30384a;
    font-weight: 500;
}

.messages-list {
    padding-top: 30px;
    margin-top: 20px;
}

.message-send-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    padding: 15px 10px;
    background-color: #242c3c;
    border: 1px solid #303647;
}

.message-textarea-wrap {
    position: relative;
    width: calc(100% - 90px);
    float: left;
}

.message-textarea-wrap:before {
    content: "\f176";
    font-family: "Flaticon";
    position: absolute;
    left: 10px;
    top: 0;
    color: #fff;
    font-size: 17px;
}

.message-textarea {
    width: 100%;
    position: relative;
    border: none;
    background-color: transparent;
    height: 60px;
    color: #fff;
    font-size: 13px;
    padding-left: 40px;
    padding-right: 20px;
    overflow: auto;
    resize: none;
}

.message-send-button {
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #12bc8c;
    border: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.message-send-button:focus,
.message-send-button:hover {
    background: #2c6cee;
}

.edit-ticket-form__selects-wrapper {
    padding-bottom: 50px;
}

.page-top-banner-frame {
    position: relative;
}

.static-banner {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.static-banner img {
    display: block;
}

.site-container {
    padding: 0 15px;
}

.all-table-total-amount {
    width: 100%;
    height: 120px;
    background-color: #242c3c;
    border-radius: 10px;
    margin-top: -30px;
    position: relative;
    text-transform: uppercase;
}

.atta-top {
    background-color: #1b2334;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 10px;
    color: #8f94a1;
    font-weight: 500;
}

.atta-top__title {
    display: block;
    width: calc(100% - 120px);
}

.atta-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    width: 60px;
    font-size: 30px;
    color: #e2363a;
    text-align: center;
    line-height: 80px;
}

.atta-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 175px);
    flex: 0 0 calc(100% - 175px);
    max-width: calc(100% - 175px);
    width: calc(100% - 175px);
}

.atta-text {
    color: #c2c8d7;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 5px;
}

.atta-amount {
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

.atta-btn {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #dbaa35;
    border-radius: 10px;
    right: 10px;
    bottom: 10px;
}

.atta-btn a {
    display: block;
    width: 100%;
    height: 100px;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding-top: 10px;
}

.atta-btn i {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #bb9334;
    display: inline-block;
    line-height: 34px;
    text-align: center;
}

.atta-btn span {
    display: block;
    margin-top: 11px;
}

.category-tab-menu {
    margin-bottom: 20px;
    padding: 20px 15px 0;
}

.poker-label-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 63px;
    margin-bottom: 18px;
    background: #262f41 url(../../i/betmatik_dark/mobile/poker/poker_btn_light.svg) no-repeat 59%;
    background-size: contain;
    text-transform: uppercase;
    border-radius: 10px;
    overflow: hidden;
}

.poker-label-btn .poker-label-btn__after {
    background: url(../../i/betmatik_dark/mobile/tabs/item-corner-yellow.png) no-repeat;
    width: 41px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0px;
    transform: rotate(180deg);
}

.game-table-name {
    padding-left: 50px;
    color: #d2d8e2;
    font-size: 17px;
    font-weight: 900;
}

@media screen and (max-width: 400px) {
    .game-table-name {
        font-size: 15px;
    }
}

.game-table-status-frame {
    margin-right: 30px;
    white-space: nowrap;
    margin-left: 10px;
    text-align: right;
}

.game-table-total {
    color: #dbaa35;
    font-size: 15px;
    font-weight: 500;
    text-align: right;
}

.game-table-count {
    font-size: 10px;
    color: #8f94a1;
    font-weight: 500;
    display: block;
    margin-top: 3px;
}

.item-box {
    position: relative;
    margin-bottom: 10px;
}

.item-box .item-img {
    position: relative;
}

.item-box.type3 .item-img {
    padding: unset;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.item-box.type3 .item-img img {
    position: static;
}

.gib-bottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.type3 .gib-bottom {
    position: static;
    padding-left: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.item-name.yellow {
    padding-bottom: 5px;
}

.item-name {
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
    position: relative;
    line-height: 20px;
}

.type3 .item-name {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.type3 .item-name {
    padding-right: 0;
    line-height: 22px;
    font-size: 16px;
    text-transform: uppercase;
}

.item-subtitle {
    font-size: 12px;
    color: #c2c8d7;
    margin-top: 5px;
}

.type3 .item-subtitle {
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 17px;
}

.part1:after {
    content: ".";
    position: absolute;
}

.part2:after {
    content: ",";
    position: absolute;
}

.deposit-row-div {
    cursor: pointer;
    position: relative;
    background-color: #151b29 !important;
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.success-stage {
    text-align: center;
    line-height: 1.5;
}

.success-stage .fa {
    color: #0ec294;
    font-size: 14em;
}

.success-stage h2 {
    color: #12bc8c;
    margin-bottom: 2vw;
    text-transform: uppercase;
}

.success-stage-mefete div {
    margin-bottom: 2vw;
    font-size: 4vw;
}

.language-menu {
    position: relative;
    width: 50%;
    height: 40px;
    margin: 0 auto;
    list-style: none;
    color: #c2c8d7;
    background-color: #121929;
    border: 1px solid #2a3243;
}

.selected-lang {
    line-height: 38px;
    padding-left: 10px;
    cursor: pointer;
    text-align: left;
}

.lang-drop {
    position: absolute;
    top: 40px;
    left: -1px;
    width: 100%;
    z-index: 15;
    text-align: left;
    list-style: none;
    color: #c2c8d7;
    background-color: #121929;
    border: 1px solid #2a3243;
    border-top: 0;
    box-sizing: content-box;
}

.lang-drop_hide {
    display: none;
}

.selected-lang img,
.lang-drop li img {
    vertical-align: middle;
    margin-right: 5px;
    width: 22px;
}

.fas-arrow-bottom::before {
    content: '';
    position: absolute;
    right: 14px;
    top: 18px;
    width: 7px;
    height: 3px;
    background-color: #fff;
    transform: rotate(45deg);
}

.fas-arrow-bottom::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
    width: 7px;
    height: 3px;
    background-color: #fff;
    transform: rotate(-45deg);
}

.lang-drop li {
    margin: 0 10px;
    border-bottom: 1px solid #2b2b2b;
}

.lang-drop li a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 40px;
    transition: .3s;
}

.view_msg {
    display: contents;
}

.message-row {
    display: flex;
    align-items: center;
    transition: .3s;
    position: relative;
    width: 100%;
    height: 72px;
    background-color: #272f40;
    padding: 10px;
    margin-bottom: 5px;
}

.msg-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    max-width: 52px;
    width: 52px;
    height: 52px;
    background-color: #151d2f;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #697184;
    font-size: 22px;
    position: relative;
}

.message-row.unread .msg-icon {
    color: #12bc8c;
}

.msg-icon:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    background-color: #697184;
    border-radius: 50%;
}

.message-row.unread .msg-icon:before {
    background-color: #12bc8c;
}

.msg-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-left: 15px;
    font-weight: 500;
}

.msg-subject {
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 1.3;
    font-weight: 400;
}

.msg-date {
    font-size: 11px;
    color: #c2c8d7;
    margin-top: 5px;
}

.circle-bg {
    width: 28px;
    height: 28px;
    margin-left: auto;
    border-radius: 50%;
    background-color: #2c364a;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    color: #b7becb;
}

.circle-bg i {
    font-size: 12px !important;
}

.message-box-frame {
    margin-bottom: 20px;
}

.message-box-title {
    width: 100%;
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.message-box-title:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #697184;
    position: absolute;
    left: 0;
    top: 5px;
}

.message-box-title.unread:before {
    background-color: #12bc8c;
}

.message-container {
    background: #0d1119;
    padding: 20px 15px 0;
}

.title-row {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.message-container .head-title {
    font-size: 19px;
}

.message-container .chat-message-item {
    float: none;
    width: 100%;
}

/* show top icons if user auth */
.profile_logout .icon-wrapper {
    display: none;
}

.profile_logout .icon-wrapper.icon-wrapper_authenticated {
    display: block;
}

.profile_logout .header-band {
    display: block;
}

/* show top icons if user no auth */
.icon-wrapper {
    display: block;
}

.icon-wrapper.icon-wrapper_authenticated {
    display: none;
}

html[data-route='ezugi'] #content_block h2 {
    color: #FFF;
    margin: 0;
    font-size: 21px;
}

.mt-0 {
    margin-top: 0 !important;
}

#popup {
    background: rgba(0, 0, 0, .4);
}

#popup-tab {
    display: none;
    position: absolute;
    top: 60px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: #1b2334;
}

.popup-container {
    padding: 0 15px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.pr-img {
    margin-bottom: 20px;
    border: 1px solid #242c3c;
}

.pr-info {
    text-align: center;
}

.pr-title {
    font-size: 15px;
    color: #c2c8d7;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.pr-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.pr-text {
    color: #c2c8d7;
    font-size: 14px;
    line-height: 23px;
}

.pr-list-row {
    width: 100%;
    min-height: 60px;
    background-color: #151c2a;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 0 20px 0 70px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.pr-list-row i {
    color: #12bc8c;
    font-size: 30px;
    position: absolute;
    left: 20px;
    top: 15px;
    line-height: normal;
}

.pr-list-row em {
    font-weight: 900;
    line-height: 22px;
    text-transform: uppercase;
}

.pr-list-row:after {
    content: "\f19d";
    position: absolute;
    font-family: Flaticon;
    color: #535d74;
    font-size: 14px;
    right: 20px;
    top: 19px;
}

.pr-list-panel {
    display: none;
    padding: 15px 25px 25px;
    font-size: 14px;
    color: #c2c8d7;
    font-weight: 400;
    line-height: 25px;
}

.pr-list-row.active {
    background-color: #273043;
}

.pr-list-row.active:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#popup-tab .page-top-back {
    background-color: #353f56;
}

#popupSession > div {
    height: auto;
    background: #e7eaf2;
    color: #292d39;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: none;
}

#popupSession h1 {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    padding: 14px 8px;
    background: #12bc8c;
    box-shadow: none;
}

#popupSession h1 ~ div {
    font-size: 18px;
    margin: 19px 10px 15px;
}

#popupSession button {
    float: none;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    height: 28px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 30px;
    background: #12bc8c;
    margin-bottom: 15px;
}

.registration .age-checkbox label {
    margin-bottom: 20px;
}

#login_form .btn.login {
    font-weight: 600;
}

.mt-30 {
    margin-top: 30px;
}

.font-size-19 {
    font-size: 19px;
}

.ls-text {
    color: #c2c8d7;
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: 400;
}

.ls-heading {
    width: 200px;
    color: #d3d7e3;
    font-size: 13px;
    margin-bottom: 30px;
    display: block;
    background-color: #232c3e;
    height: 50px;
    border-radius: 3px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.ls-heading i {
    vertical-align: bottom;
    margin-right: 12px;
    font-size: 21px;
}

.drop-container a.nav-link,
.back-call a.nav-link {
    display: block;
    margin-bottom: 20px;
    color: #d3d7e3;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.drop-container a.nav-link i,
.back-call a.nav-link i {
    margin-right: 15px;
    font-size: 21px;
    vertical-align: sub;
}

.title-row__border {
    padding-top: 25px;
}

.title-row__border:before {
    content: '';
    width: calc(100% + 15px * 2);
    height: 1px;
    position: absolute;
    top: 0px;
    left: -15px;
    background: #161c28;
}

#modal_window {
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background: #0f1523;
    border-radius: 5px;
    overflow-y: auto;
    max-height: 95%;
}

#modal_window:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: .2;
    background-color: #12bc8c;
}

#body #modal_window .btn {
    background-color: #12bc8c;
}

.deposit-table span {
    text-transform: unset;
}

/* Dropdown Button */
.drop-container {
    padding: 100px 15px 0;
}

.dropbtn {
    width: 100%;
    height: 60px;
    color: #fff;
    position: relative;
    text-align: left;
    background-color: #242c3c;
    border-radius: 5px;
    border: none;
    display: flex;
}

.btn-group {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #303647;
}

.btn-group ul {
    width: calc(100% - 50px);
    right: 0;
    top: 63px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1b2334;
    z-index: 5;
}

.dropdown-content li a {
    display: block;
    width: 100%;
    padding: 9px 10px;
    background: #1b2334;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
}

.dropdown-content li a.active {
    background: #414f6b;
}

.info-content {
    margin-bottom: 25px;
    color: #dce0ea;
    font-size: 15px;
    line-height: 27px;
}

.form-selector {
    position: relative;
    width: 100%;
    height: 26px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
}

.form-selector:after {
    content: "\f19d";
    z-index: 1;
    position: absolute;
    font-family: Flaticon;
    color: #8c94a9;
    font-size: 10px;
    right: 12px;
    top: -12px;
    line-height: 26px;
}

.form-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 17px;
}

.top-filter-input {
    position: relative;
    height: 60px;
    background-color: #1b2334;
    color: #c2c8d7;
    font-size: 13px;
    border-top: 1px solid #242c3c;
}

.top-filter-input input {
    float: left;
    width: calc(100% - 50px);
    height: 59px;
    background-color: transparent;
    border: none;
    padding-left: 10px;
    color: #c2c8d7;
    font-size: 13px;
}

.top-filter-input button#search {
    float: left;
    width: 50px;
    height: 59px;
    padding: 0;
    margin: 0;
    line-height: 59px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: transparent;
    border: none;
}

.top-filter-input div#search {
    float: left;
    width: 50px;
    height: 59px;
    padding: 0;
    margin: 0;
    line-height: 59px;
    text-align: center;
    font-size: 20px;
    color: #12b689;
    background: transparent;
    border: none;
}

.contact-info-widget {
    background: #1b2334 url(../../i/betmatik_dark/mobile/plane-bg.png) no-repeat 90% 15px;
    padding: 20px;
    background-size: 200px;
}

.success_container .profile_inner {
    min-height: auto;
    padding-bottom: 40px;
}

.success_container .profile_inner p {
    margin-top: 0;
}

.success_container .big_success {
    filter: invert(35%);
    height: 98px;
    width: auto;
    margin: 20px auto 0;
}

.success_container a.btn {
    margin: 0 15px !important;
    width: auto !important;
}

.slots-slider .swiper-pagination-bullet-active {
    background-color: #dbaa35;
}

.parsley-error:not(.forgot_input) {
    background: inherit !important;
    border: none !important;
    border-bottom: 2px solid #f03251 !important;
}

.parsley-success:not(.forgot_input) {
    background: transparent !important;
    border: none !important;
}

.header-band {
    display: none;
    height: 54px;
    background-color: #101624;
    border-bottom: 2px solid #242C3C;
    padding-top: 7px;
}

.grid-row {
    margin: 0 -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid-col-4 {
    padding: 0 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    width: 33.33%;
    position: relative;
}

.grid-col-8 {
    padding: 0 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
    width: 66.66%;
    position: relative;
}

.hb-total-amount {
    height: 41px;
    display: inline-flex;
    align-items: center;
    padding: 0 17px;
    font-size: 13px;
    font-weight: 600;
}

.hb-total-amount i {
    margin-right: 10px;
    font-size: 15px;
}

.header-band-btn-container {
    justify-content: flex-end;
}
.header-band-btn-container .grid-col-6 {
    flex: unset;
    width: unset;
}
.grid-col-6 {
    padding: 0 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    position: relative;
}

.hb-link {
    background-color: #1b2438;
    height: 29px;
    padding: 2px 12px 0 12px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #222c43;
    justify-content: center;
    margin-top: 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 9px;
    line-height: 15px;
}

.hb-link i {
    height: 100%;
    margin-right: 5px;
    margin-bottom: 2px;
    font-size: 14px;
    color: #2c6cee;
    font-weight: normal;
    line-height: 24px;
}

.cms-content-frame {
    position: relative;
    color: #dce0ea;
    font-weight: 500;
    font-size: 13px;
}

.cms-content-title {
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.cms-content-text {
    line-height: 26px;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
}

.cms-content-grid-item {
    padding: 0 5px;
    position: relative;
}

.label-box {
    font-size: 13px;
    height: 50px;
    width: 100%;
    background-color: #242c3f;
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #dce0ea;
}

.label-box i {
    display: inline-block;
    margin-right: 10px;
    line-height: normal;
    vertical-align: top;
    margin-top: 5px;
}

.d-flex-center-between {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important
}

ul.content-list {
    counter-reset: list-section
}

ul.content-list li {
    margin-bottom: 25px;
    min-height: 30px;
    padding-top: 4px
}

ul.content-list li > ul {
    margin-top: 25px
}

ul.content-list > li {
    counter-reset: list-subsection;
    position: relative;
    padding-left: 60px
}

ul.content-list > li:before {
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: list-section;
    content: counter(list-section);
    background-color: #242c3f;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #12bc8c;
    font-size: 13px;
    border-radius: 3px;
    line-height: 32px;
    font-weight: 500
}

ul.content-list li > ul > li {
    padding-left: 25px;
    position: relative
}

ul.content-list li > ul > li:before {
    counter-increment: list-subsection;
    content: counter(list-section) "." counter(list-subsection) " ";
    position: absolute;
    left: -25px;
    top: 0;
    background-color: #242c3f;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #12bc8c;
    font-size: 13px;
    border-radius: 3px;
    line-height: 32px;
    font-weight: 500
}

html[data-route="lottery"] .content_wrap {
    background: transparent;
}

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

.lottery-wrapper {
    padding-top: 53px;
    position: relative;
}

.header-bg {
    position: absolute;
    left: 48%;
    transform: translateX(-50%);
    top: -9px;
    max-width: 315px;
}

.rectangle {
    display: block;
    width: 330px;
    height: 1px;
    margin: 0 auto 15px;
    background-color: #FFF;
}

.rectangle__small {
    width: 256px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.transparent-button {
    display: flex;
    align-items: center;
    height: 37px;
    width: fit-content;
    padding: 0 11px;
    margin: 0 auto;
    color: #12bc8b;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #12bc8b;
    border-radius: 20px;
    white-space: nowrap;
}

.transparent-button img {
    flex: 0 0 22px;
    width: 22px;
}

.transparent-button p {
    flex: 0 0 calc(100% - 15px);
    width: calc(100% - 15px);
    padding-top: 2px;
}

.color-button {
    display: flex;
    align-items: center;
    height: 55px;
    width: 237px;
    padding: 0 9px;
    margin: 10px auto;
    color: #0e121b;
    font-weight: 900;
    font-size: 25px;
    background-color: #dbaa35;
    border-radius: 15px;
    white-space: nowrap;
}

.color-button img {
    flex: 0 0 37px;
    width: 37px;
    height: 29px;
}

.color-button p {
    flex: 0 0 calc(100% - 37px);
    width: calc(100% - 37px);
    padding-top: 4px;
}

.lottery-text {
    color: #fbf9fa;
    font-size: 17px;
    line-height: 17px;
    font-weight: 200;
    letter-spacing: 1.70px;
    white-space: nowrap;
}

.prize-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    width: 293px;
    margin: 0 auto 20px;
    background-image: url(../../i/betmatik_dark/mobile/lottery/11-27@1x.png);
    background-size: 100% 100%;
    color: #fafafa;
}

.prize-item:last-child {
    margin-bottom: 38px;
}

.prize-item img {
    flex: 0 0 34px;
    width: 34px;
    margin-left: 11px;
}

.prize-item .amount {
    flex: 1;
    text-align: center;
    position: relative;
    margin-top: -9px;
}

.prize-item .amount__number {
    letter-spacing: -1.40px;
    line-height: 35px;
    white-space: nowrap;
    font-size: 35px;
    font-weight: 900;
}

.prize-item .amount__text {
    letter-spacing: 1.04px;
    line-height: 13px;
    position: absolute;
    white-space: nowrap;
    font-size: 13px;
    width: 100%;
}

.prize-item .place {
    flex: 0 0 76px;
    width: 76px;
}

.prize-item .place__number {
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    font-size: 40px;
    font-weight: 900;
}

.prize-item .place__text {
    line-height: 13px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 900;
}

.prize-object {
    position: relative;
    height: 87px;
    width: 291px;
    margin: 40px auto 75px;
}

.prize-object:last-child {
    margin-bottom: 60px;
}

.prize-object .msi,
.prize-object .sony,
.prize-object .apple {
    bottom: 0;
    height: 87px;
    left: 0;
    position: absolute;
    width: 266px;
    z-index: 5;
}

.prize-object .sony {
    right: 0;
    left: auto;
}

.prize-object .prize-object-group {
    position: absolute;
    width: 124px;
    height: 100%;
    right: -37px;
    top: 0;
}

.prize-object-group__airpods {
    height: 65px;
    position: absolute;
    right: 40px;
    top: -49px;
    width: 78px;
}

.prize-object-group__iphone-12 {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 113px;
}

.prize-object-group__apple-watch {
    height: 134px;
    left: -49px;
    position: absolute;
    bottom: -5px;
    width: 117px;
}

.prize-object .prize-object-group__sony {
    position: absolute;
    width: 186px;
    height: 133px;
    left: -74px;
    bottom: 2px;
    background-image: url(../../i/betmatik_dark/mobile/lottery/-citypng-com-ps5-official-console-and-controller---1824x1302--1--3@1x.png);
    background-size: 100% 100%;
}

.prize-object-group__msi {
    position: absolute;
    width: 142px;
    height: 100px;
    right: -53px;
    bottom: -3px;
    background-image: url(../../i/betmatik_dark/mobile/lottery/984-9840717-msi-ge62-2qd-msi-gl62-6qe-gaming-laptop-3@1x.png);
    background-size: 100% 100%;
}

.lottery .accordion {
    font-size: 1rem;
    width: 80%;
    margin: 30px auto 0;
    border-radius: 15px;
}

.lottery .accordion-header,
.lottery .accordion-body {
    background: white;
}

.lottery .accordion-header,
.lottery .accordion-header2 {
    padding: 1.5em 1.5em;
    background: #3F51B5;
    color: white;
    cursor: pointer;
    font-size: 20px;
    letter-spacing: .1em;
    transition: all .3s;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
}

.lottery .accordion-header2 {
    background: #1e948e;
}

.lottery .accordion__item {
    border-bottom: 1px solid #3a4ba4;
}

.lottery .accordion__item .accordion__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.lottery .accordion-header:hover {
    background: #2D3D99;
    position: relative;
    z-index: 5;
}

.lottery .accordion-header2:hover {
    background: #237f8a;
    position: relative;
    z-index: 5;
}

.lottery .accordion-body {
    background: #fcfcfc;
    color: #353535;
    line-height: 20px;
    display: none;
}

.lottery .accordion-body__contents {
    padding: 1.5em 1.5em;
    font-size: .85em;
    text-align: left;
    font-weight: 200;
}

.lottery .accordion__item.active:last-child .accordion-header {
    border-radius: unset;
}

.lottery .accordion:first-child > .accordion__item > .accordion-header {
    border-bottom: 1px solid transparent;
}

.lottery .accordion__item.active .accordion-header {
    background: #2D3D99;
}

.lottery .accordion__item.active .accordion-header2 {
    background: #237f8a;
}

.lottery .accordion__item .accordion__item .accordion-header {
    background: #f1f1f1;
    color: #353535;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.link-to-lottery {
    display: block;
    position: relative;
    height: 63px;
    background-color: #1d2436;
    border-radius: 5px;
}

.link-to-lottery img {
    position: absolute;
    top: 3px;
    left: -2px;
    height: 73px;
}

.lottery-tickets {
    position: relative;
    margin-top: 15px;
    display: block;
}

.lottery-tickets img {
    margin: 0 auto;
    display: block;
}

.lottery-tickets__count {
    position: absolute;
    top: 33px;
    right: 18px;
    font-size: 13px;
    width: 21px;
    text-align: center;
}

/* screen - mobil-350 */

.axiforma-bold-alabaster-25px {
    color: var(--alabaster);
    font-family: 'Axiforma-Bold', Helvetica, Arial, serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
}

.axiforma-light-alabaster-25px {
    color: var(--alabaster);
    font-family: 'Axiforma-Light', Helvetica, Arial, serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
}

.axiforma-light-silver-18px {
    color: var(--silver);
    font-family: 'Axiforma-Light', Helvetica, Arial, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
}

.axiforma-regular-normal-alabaster-35px {
    color: var(--alabaster);
    font-family: 'Axiforma-Regular', Helvetica, Arial, serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
}

.bp4-animate-enter {
    animation: bp4-animate-enter-frames 0.60s ease 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
}

.bp4-animate-enter1 {
    animation: bp4-animate-enter1-frames 0.60s ease 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
}

.bp4-animate-enter2 {
    animation: bp4-animate-enter2-frames 0.80s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
}

.bp4-animate-enter3 {
    animation: bp4-animate-enter3-frames 0.80s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(100px, 0);
}

.bp4-animate-enter4 {
    animation: bp4-animate-enter4-frames 0.40s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    filter: blur(30px);
}

.mobil-350 {
    height: 1080px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.mobil-350 .buraya-tiklayiniz-VyzZeT {
    background-color: transparent;
    bottom: calc(43.48% - 12px);
    height: 27px;
    left: 22px;
    letter-spacing: 0.00px;
    line-height: 25px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    width: calc(100.00% - 48px);
}

.mobil-350 .eer-mail-alamadysanz-C61RwL {
    background-color: transparent;
    display: block;
    height: auto;
    left: 19px;
    letter-spacing: 0.62px;
    line-height: 25px;
    position: absolute;
    text-align: left;
    top: 639px;
    white-space: nowrap;
    width: auto;
    opacity: 0;
}

.mobil-350 .group-1-C61RwL {
    background-color: var(--shamrock);
    border-radius: 20px;
    display: block;
    height: 73px;
    left: 31px;
    position: absolute;
    top: 683px;
    width: 295px;
    opacity: 0;
    transform: translate(100px, 0);
}

.mobil-350 .hesabnz-ak-ne-tklaynz-C61RwL {
    background-color: transparent;
    display: block;
    height: auto;
    left: 0px;
    letter-spacing: 0.45px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 534px;
    width: 100%;
    opacity: 0;
}

.mobil-350 .katman-1-C61RwL {
    background-color: transparent;
    height: 66px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 350px;
}

.mobil-350 .vektr-akll-nesne-C61RwL {
    background-color: transparent;
    display: block;
    height: 243px;
    left: 33px;
    position: relative;
    top: 119px;
    width: 291px;
    opacity: 0;
    filter: blur(30px);
    margin: 0 auto;
}

.mobil-350 .yelk-baari-turulmutur-C61RwL {
    background-color: transparent;
    color: var(--alabaster);
    display: block;
    font-family: 'Axiforma-Regular', Helvetica, Arial, serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 10px;
    letter-spacing: 0.00px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: 382px;
    white-space: nowrap;
    width: 100%;
    opacity: 0;
}

:root {
    --alabaster: rgba(250, 250, 250, 1.0);
    --mirage: rgba(21, 29, 47, 1.0);
    --shamrock: rgba(42, 195, 152, 1.0);
    --silver: rgba(191, 191, 191, 1.0);
}

@keyframes bp4-animate-enter-frames {

    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bp4-animate-enter1-frames {

    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bp4-animate-enter2-frames {

    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bp4-animate-enter3-frames {

    from {
        opacity: 0;
        transform: translate(100px, 0);
    }
    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes bp4-animate-enter4-frames {

    from {
        opacity: 0;
        filter: blur(30px);
    }
    to {
        opacity: 1;
        filter: none;
    }
}


.accordion-new dd,
.accordion__panel {
    background-color: #eee;
    font-size: 1em;
    line-height: 1.5em;
    position: relative;
    margin: 0 .5em;
    width: auto;
    text-align: center;
    border-radius: 15px;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    font-weight: 300;
    color: #000;
}

.accordion-new hr {
    display: block;
    unicode-bidi: isolate;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    color: #000;
    margin: 0 auto;
    width: 100%;
}

.accordion-new p {
    padding-top: 2px;
}

.accordion-new {
    position: relative;
    background: none;
}

.accordionTitle,
.accordion__Heading {
    background-color: #38cca0;
    text-align: left;
    font-weight: 600;
    padding: 10px 10px 8px 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.5s ease-in-out;
    font-size: 13px;
    border-radius: 35px;
    margin: .3em .5em;
    justify-content: flex-start;
}

.accordionTitle span,
.accordion__Heading span {
    pointer-events: none;
}

.accordionTitle:before,
.accordion__Heading:before {
    content: "+";
    font-size: 1.5em;
    line-height: 0.5em;
    float: left;
    font-weight: 400;
    margin-left: 0;
    margin-right: 10px;
    transition: transform 0.3s ease-in-out;
}

.accordionTitle:hover,
.accordion__Heading:hover {
    background-color: #128172;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
    background-color: #2ba687;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
    transform: translate(-1px, -3px) rotate(
            -225deg
    )
}

.my_ticket_numbers {
    border-radius: 0px !important;
    color: red !important;
}

.accordionItem {
    height: auto;
    overflow: hidden;
    max-height: 50em;
    transition: max-height 1s;
}

@media screen and (min-width: 48em) {
    .accordionItem {
        max-height: 180em;
        transition: max-height 0.5s;
    }
}

.accordionItem.is-collapsed {
    max-height: 0;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.accordion-new {
    max-width: 1140px;
    margin: 0 auto;
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}

.lottery-result {
    position: relative;

}

.lottery-result__bg {
    position: sticky;
    width: 100%;
    height: 100vh;
    background-image: url(../i/lottery/bg@1x.png);
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: -100vh;
    background-position: center 0;
}

.lottery-result .main-wrapper {
    position: relative;
    z-index: 222;
    padding: 12px;
}

.lottery-result .header2-C61RwL {
    max-width: 100%;
    margin: 10px 0;
}

.popular-holder {
    padding: 0 15px;
    background-color: #1b2334;
}

.popular-holder .sub-inner-title {
    font-size: 21px;
    padding: 20px 0;
}

.popular-holder .sub-inner-title i {
    margin-right: 10px;
}

.back-call-btn.hide {
    display: none;
}

.change_link {
    display: block;
}

.change_link.hide {
    display: none !important;
}

.back-call-icon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../i/betmatik_dark/mobile/icons/mm-callme.png) no-repeat;
}

.popular-holder .top-popular-items {
    border-bottom: 1px solid #242c3c;
    margin-bottom: 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 20px;
    padding-bottom: 0;
    border-bottom: none;
    display: flex;
}

.popular-holder .top-popular-items .item-box {
    margin-right: 10px;
    margin-bottom: 0;
    position: relative;
    float: left;
}

.popular-holder .mask-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.popular-holder .item-box.type2 .item-img {
    padding-top: unset;
}

.popular-holder .gib-bottom {
    position: absolute;
    bottom: 20px;
    left: 10px;
    z-index: 6;
}

.popular-holder .item-box.type2 .item-subtitle {
    color: #dbaa35;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.popular-holder .item-name {
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
    position: relative;
    line-height: 20px;
    margin: 7px 0;
}

.popular-holder .base-btn.medium {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f03251;
    color: #fff;
    padding-top: 4px;
    border-radius: 3px;
    position: relative;
    font-weight: 500;
    opacity: 1;
    height: 40px;
    font-size: 11px;
    width: 150px;
}

.popular-holder .base-btn.medium i {
    margin-left: 16px;
    margin-top: -4px;
    font-weight: 400;
    position: relative;
    z-index: 5;
    font-size: 16px;
    transform: rotate(180deg);
}

.popular-holder .base-btn.medium.light:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../i/betmatik_dark/mobile/btn-medium-light.png) no-repeat right top;
    width: 60px;
    height: 40px;
    z-index: 1;
}

/*.popular-holder .item-box:after {*/
/*    content: "";*/
/*    background: -o-linear-gradient(bottom,rgba(18,25,41,1),rgba(0,0,0,0));*/
/*    background: -webkit-gradient(linear,left bottom,left top,from(rgba(18,25,41,1)),to(rgba(0,0,0,0)));*/
/*    background: linear-gradient(to top,rgba(18,25,41,1),rgba(0,0,0,0));*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    position: absolute;*/
/*    z-index: 5;*/
/*}*/
.popular-holder .item-box:hover:after {
    background: rgba(27, 35, 52, 0.9);
}

.category-menu-wrapper {
    margin: 0px 5px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.cat-menu-item {
    background-color: #1b2334;
    border-radius: 5px;
    height: 80px;
    margin: 0 5px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    position: relative;
}

.fav-menu-btn {
    text-align: center;
    color: #fff;
    font-size: 13px;
}

.fav-menu-btn i {
    font-size: 18px;
}

.fav-menu-btn div {
    margin-top: 8px;
}

.slot-tabs {
    display: none;
}

.cat-menu-item.current:before {
    content: "";
    border: 2px solid #12bc8c;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.slots-row {
    display: flex;
    justify-content: space-between;
    margin: 0 5px 10px;
}

.slots-row .top-filter-input {
    width: 58.33%;
    margin-right: 3px;
}

.slots-row .slots-all-providers {
    width: 41.66%;
    margin-left: 3px;
}

.all-providers {
    height: 59px;
    border: 3px solid #1b2334;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.all-providers img {
    max-width: 20px;
    margin-right: 10px;
}

.providers-modal {
    position: fixed;
    z-index: 3000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #151d2f;
    border-top: 2px solid #2c6cee;
    overflow: auto;
    display: none;
}

.providers-modal.active {
    display: block;
}

.providers-header {
    height: 60px;
    padding-left: 20px;
    position: relative;
    border-bottom: 1px solid #242c3c;
}

.pvh-title img {
    margin-right: 10px;
}

.pvh-title {
    display: flex;
    align-items: center;
}

.pvh-close {
    width: 40px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8f97a7;
    font-size: 18px;
}

.top-filter-input.type3 .filter-find-btn {
    color: #8f97a7;
}

.providers-list li {
    border-bottom: 1px solid #242c3c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 61px;
    padding: 0px 20px;
}

.providers-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 61px;
    padding: 0px 20px;
    margin: 0 -20px;
    width: calc(100% + 40px);
}

.providers-list li:nth-child(odd) {
    background-color: #1a2233;
}

.pvh-name {
    color: #dfe3ec;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    pointer-events: none;
}

.pvh-name img {
    max-width: 28px;
    margin-right: 15px;
    min-width: 28px;
}

.pvh-box {
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    padding: 0px 8px;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}

.pvh-box.new {
    background-color: #dbaa35;
}

.pvh-box.jackpot {
    background-color: #f36925;
}

.pvh-count {
    color: #666f83;
    font-size: 14px;
}

.type3 .top-filter-textbox {
    padding-left: 20px;
}

.filter-find-btn {
    float: left;
    width: 50px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-size: 20px;
    color: #12b689;
    background: none;
    border: 0;
    margin-top: -1px;
}

.top-filter-input.type3 .filter-find-btn {
    color: #8f97a7;
}

.providers-modal.active {
    display: block;
}

.filter_order.current a {
    color: #fff !important;
    background-color: #121929 !important;
    border: none !important;
    border-right: 1px solid #242c3c !important;
    box-shadow: none !important;
    font-size: 13px !important;
}

.reg_form .disabled-btn {
    opacity: 0.8;
    pointer-events: none;
}

.lc-tabs__container {
    padding: 20px 15px 0;
    margin-bottom: 5px;
}

.lc-tabs__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lc-tabs__item {
    position: relative;
    width: 49%;
    height: 60px;
    background-color: #262f41;
    border-radius: 10px;
    padding: 0;
    border: 1px solid transparent;
    margin-bottom: 10px;
    transition: 0.2s ease-in;
    color: #dbe0ea;
}

.lc-tabs__item:before {
    content: "";
    background: url(../../i/betmatik_dark/mobile/tabs/item-arrow.png) no-repeat left top;
    position: absolute;
    width: 36px;
    height: 33px;
    left: 5px;
    top: 19px;
    z-index: 10;
    background-size: cover;
}

.lc-tabs__item.active:after {
    content: "";
    background: url(../../i/betmatik_dark/mobile/tabs/item-corner.svg) no-repeat left top;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    bottom: 0;
    background-size: cover;
}

.lc-tabs__item.active:after {
    background-image: url(../../i/betmatik_dark/mobile/tabs/item-corner-red.png);
}

.lc-tabs__item.active {
    border-color: #f03251;
    background-color: #0d131f;
}

.lc-tabs__item a {
    font-weight: 500;
    font-size: 14px;
    line-height: 60px;
    float: none;
    font-family: inherit;
    text-transform: unset;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 37px;
}

.search-container {
    padding: 5px 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

input.search-container__input {
    height: 40px;
    background: transparent;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    width: 100%;
    border: none;
}

input.search-container__input::placeholder {
    color: #A7B1C6;
}

.search-container__icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40px;
    height: 40px;
    padding: 0;
    appearance: none;
    background: none;
    border: none;
}

.live-casino-games {
    padding: 0;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.lc__game-container {
    position: relative;
}

.live-casino-game {
    height: 100%;
}

.lc-game__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-casino-game:after {
    content: "";
    background: -o-linear-gradient(bottom, rgba(18, 25, 41, 1), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(18, 25, 41, 1)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(18, 25, 41, 1), rgba(0, 0, 0, 0));
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 5;
}

.lc-game__title {
    position: absolute;
    padding: 11vw 0vw 0vw 3vw;
    top: 0;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    padding-right: 20px;
    line-height: 20px;
    pointer-events: none;
}

.lc-game__description {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 11px 25px 11px 15px;
    background-color: #0b0d14b8;
    pointer-events: none;
}

.lc-game__description .lcgd__dealer,
.lc-game__description .lcgd__hours {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #c4c7cf;
}

.live-casino-game.vivo_casino:after,
.live-casino-game.xpg:after,
.live-casino-game.lucky_streak:after {
    content: none;
}

.live-casino-games.evolution .lc-game__title {
    padding: 4vw 0vw 0vw 4vw;
    line-height: 1.2;
}

.live-casino-game.vivo_casino {
    position: relative;
    height: 125px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgb(200 205 219 / 0.69);
}

.live-casino-game.vivo_casino .lc-game__image {
    height: 100%;
    object-fit: cover;
}

.live-casino-game.vivo_casino .lc-game__title {
    padding: 18vw 0vw 0vw 3vw;
}

.live-casino-game.vivo_casino .lc-game__description {
    align-items: center;
    padding: 7px 25px 7px 15px;
}

.live-casino__lobby-btn {
    position: relative;
    display: block;
    height: 50px;
    padding: 0 6px;
    line-height: 50px;
    margin: 15px 15px 15px;
    font-size: 16px;
    background: #12bc8c;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
}

.live-casino__lobby-btn:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../../i/betmatik_dark/mobile/btn-large-light.png) no-repeat right top;
    width: 90px;
    height: 60px;
    z-index: 1;
}

.bank_list_simple {
    margin-bottom: 20px;
}

.bank_list_simple li .list_item {
    position: relative;
    padding: 1.875vw 2.8125vw;
    border-top: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bank_list_simple .bank_name_simple {
    width: 50%;
}

.bank_list_simple .bank_name_simple a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.bank_list_simple .bank_name_simple a img {
    width: auto;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/* betmatik-18-haz-para-yatirma */
.freespinandgame {
    width: 100% !important;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background: #242c3c;
    height: auto;
    border: 1px solid #303647;
    border-radius: 3px;
    margin: 0 0px 20px 0;
    align-items: center;
    padding: 0;
    position: relative;
}

.freespinandgame .box_check {
    border: 0;
    width: 100%;
    padding: 0;
}

.freespinandgame .alone-checkbox-wrap {
    border: 0;
    width: 100%;
    padding: 0;
    align-items: center;
    display: flex;
}

.freespinandgame .alone-checkbox-wrap .alone-checkbox {
    right: 52px;
}

.chooseagamebutton {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
    border-top: 1px solid #40495c;
}

.chooseagamebutton .cagb-text {
    display: flex;
    flex-direction: column;
    line-height: 1;
}


.chooseagamebutton .cagb-text span {
    font-size: 11px;
    color: #c2c8d7;
    font-weight: 600;
}


.chooseagamebutton .cagb-text strong {
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 7px;
}

.choose-button {
    background: #556076;
    padding: 9px 10px 4px;
    line-height: 1;
    border: 1px solid #6e7991;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    border-radius: 20px;
}

.freespin-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(13, 17, 25, 0.9);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    visibility: hidden;;
    line-height: 1;
}

.freespin-popup.active {
    display: flex;
    visibility: visible;
}

.freespin-popup-wrap {
    max-width: calc(100% - 50px);
    min-width: calc(100% - 50px);
    height: auto;
    background: #1b2334;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    border-top: 2px solid #2c6cee;
}

.fpw-header {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.fpw-header strong {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
}

.fpw-header span {
    font-size: 13px;
    color: #c2c8d7;
    font-weight: 500;
    margin-top: 12px;
}

.fpw-header:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
    background: #2c6cee;
}

.fpw-close {
    background: url("../img/icons/plightbox-close.png") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 15px;
    cursor: pointer;
}

.fpw-listing {
    display: flex;
    width: 100%;
    flex-direction: column;;
}

.fpw-listing label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
}

.fpw-listing label:last-child {
    margin-bottom: 0px;
}

.fpw-listing label input {
    display: none
}

.fpw-listing label .fpw-label-left {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.fpw-img {
    width: 70px;
    height: 70px;
    min-width: 70px;
}

.fpw-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fpw-listing label .fpw-label-left .fpw-label-left-text {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.fpw-listing label .fpw-label-left .fpw-label-left-text strong {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}

.fpw-listing label .fpw-label-left .fpw-label-left-text span {
    font-size: 12px;
    color: #8f939d;
    font-weight: 700;
    margin-top: 8px;
}

.fpw-listing label .fpw-right {
    display: flex;
    height: 38px;
    background: #4d5569;
    border: 1px solid #656e82;
    border-radius: 20px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    align-items: center;
    padding: 3px 18px 0;
    min-width: 64px;
}

.fpw-listing label input:checked ~ .fpw-right {
    text-indent: -9999px;
    background: url("../../i/betmatik_dark/mobile/thumbs/tick.png") no-repeat center center #2c6cee;
    border-color: #2c6cee;
}

.freespin-wrap {
    flex-direction: column;
}

.input-wrap__inner {
    display: flex;
}

.input-wrap__inner .form-icon {
    padding-top: 15px;
}

.user-not-icon {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-bottom: -2px;
    background: url(../../i/betmatik_dark/mobile/user-not.png) no-repeat;
}

.user-not .msg_count {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #2c6cee;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    top: 6px;
    right: -5px;
    padding-top: 2px;
    visibility: hidden;
}

.user-not .msg_count.visible {
    visibility: visible;
}

.modal_message {
    position: relative;
}

.modal_message__title {
    max-width: 86%;
    margin: 0 auto 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal_message .close {
    padding: 0;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 25px;
    color: #fff;
    opacity: 0.3;
    border: none;
    background: none;
}

.modal_message .close svg path {
    fill: #fff;
}

.popup-content {
    border: 8px solid #293247;
    margin: 0 15px;
    background-color: #1B2334;
}

.popup-content .modal_message__title {
    margin: 16px auto 8px;
}

.pr-content {
    overflow: hidden;
    text-overflow: ellipsis;

    max-width: 86%;
    margin: 0 auto 11px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 25px;
}

.grecaptcha-badge {
    visibility: hidden;
}

.site-top-menu {
    border-bottom: 1px solid #242C3C;
}

.site-top-menu * {
    min-width: initial;
    min-height: initial;
}

.site-top-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: #151D2F;
    width: 100%;
    overflow: auto;
}

.site-top-menu ul li a {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    color: #FFFFFF;
    border-right: 1px solid #242C3C;
    padding: 12px 20px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.site-top-menu ul li a span {
    margin-top: 2px;
}

.site-top-menu ul li a svg {
    margin-right: 8px;
}

.site-top-menu ul li a:hover, .site-top-menu ul li a.active {
    background: #1B2438;
}

.site-top-menu ul li:first-child a {
    padding: 12px 13px;
}

.site-top-menu ul li:first-child a svg {
    margin: 0;
}

.banner-link {
    margin-bottom: 30px;
    display: block;
}

.banner-link__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
}

.banner-link__header p {
    font-family: "Axiforma", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: #CAD1E1;
}

.banner-link__right {
    font-family: "Axiforma", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    text-align: right;
    color: #AEB6C9;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.banner-link__right svg {
    margin-left: 8px;
}

.banner-link__image {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.home-page-buttons {
    display: flex;
    padding: 20px 15px 0;
    margin-bottom: 5px;
}

.home-page-buttons > * + * {
    margin-left: 10px;
}

.common-button {
    text-transform: uppercase;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    align-items: center;
    padding: 2px 20px 0 20px;
    position: relative;
    overflow: hidden;
    transition: 300ms;
    font-family: "Axiforma", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: #FFFFFF;
}

.common-button:after {
    position: absolute;
    content: "";
    transition: all 250ms;
    right: -5px;
    top: -15px;
    width: 52px;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(
            25deg);
}

.common-button.green {
    background: #12BC8C;
}

.registration-button.blue {
    background: #2C6CEE;
}

.banner-link-with-slider {
}

.banner-link__divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    position: relative;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.popular_games .slide-item {
    margin: 0 2.5px;
}

.popular_games-slider-arrows {
    display: none;
}

.popular-slider-item__image-wrapper {
    width: 100%;
    position: relative;
    border: solid 5px transparent;
    border-radius: 16px;
    overflow: hidden;
}


.popular-slider-item__image-wrapper:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.popular-slider-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-slider-item.betsoft_games img {
    margin-top: -12px;
    height: calc(100% + 12px);
}

.popular-slider-item__game {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #CAD1E1;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popular-slider-item__provider {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #7D879F;
}

/* 3d slots & live casino */

.casino-filters-block {
    background: #1B2334;
    margin: 20px 0;
}

/* tabs */
.casino-tabs {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: #151D2F;
    width: 100%;
    overflow: auto;
}

.casino-tabs * {
    min-width: initial;
    min-height: initial;
}

.casino-tab {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: #A7B1C6;
    text-transform: capitalize;
    border-right: 1px solid #242c3c;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    white-space: nowrap;
}

.casino-tab button {
    padding: 15px;
    appearance: none;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
}

.casino-tab:hover,
.casino-tab.active {
    color: #12BC8C;
    border-bottom: 1px solid rgba(18, 188, 140, 0.6);
    background: #151B29;
}

/* provider select */
.provider-select {
    height: 100%;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid #242C3C;
    border-top: 1px solid #242C3C;
}

.provider-select__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 10px 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: #DADFEA;
    text-transform: capitalize;
    font-family: inherit;
    background: none;
    border: none;
    appearance: none;
}

.provider-select__button-left-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #111621;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    transition: all 0.3s ease-in-out;
}

.provider-select__button-left-icon svg path {
    transition: all 0.3s ease-in-out;
}

.provider-select__button-arrow-icon {
    margin-left: auto;
    transition: all 0.3s ease-in-out;
}

.provider-select-list {
    background: #1B2334;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: 100%;
    margin-top: 1px;
    display: none;
    opacity: 1;
    flex-direction: column;
    align-items: center;
    animation: cs-drop-visible 0.5s;
}

.provider-select-list__items {
    background: #2C364B;
    padding: 10px 0;
}

.provider-select-item__button {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    appearance: none;
    border: none;
    background: none;
    width: 100%;
}

.provider-select-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-transform: capitalize;
}

.provider-select-item.active {
    background-color: #273040;
}

.provider-select-item__icon-container {
    position: relative;
    margin-right: 16px;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.provider-select-item__icon-container span {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.8;
    margin-top: 2px;
}

.provider-select-item__icon-container.no-logo {
    color: red;
}

.provider-select-item__icon-container.no-logo .provider-select-item__icon {
    display: none;
}

.provider-select-item__icon-container.no-logo span {
    display: block;
}

.provider-select-item__icon-container.no-logo:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.4;
}

.provider-select-item__icon {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.provider-select-item__name {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
}

.provider-select-item__count {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    text-align: right;
    color: #A7B1C6;
    margin-left: auto;
}

.provider-select.active .provider-select__button-left-icon {
    background: #2C6CEE;
}

.provider-select.active .provider-select__button-left-icon svg path {
    fill: #fff;
}

.provider-select.active .provider-select__button-arrow-icon {
    transform: rotate(-180deg);
}

.provider-select.active .provider-select-list {
    display: block;
}

@keyframes cs-drop-visible {
    0% {
        opacity: 0;
        top: 120%;
    }
    100% {
        opacity: 1;
        top: 95%;
    }
}

.bonuses-title {
    display: flex;
    margin-top: 10px;
}

.bonuses-count {
    margin-left: 5px;
    color: #7a7e89;
    font-size: 21px;
}


.slot-game-item {
    display: block;
    padding: 0 5px;
}

.slot-game-item .button_play {
    display: none;
}

.slot-game-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    font-weight: 500;
    color: #e6e6e6;
    margin-bottom: 0;
    font-size: 14px;
}

.spribe-container #game_content {
    margin-top: 20px;
}

.spribe-container .spribe-title, .sport_games_tv-container .sport_games_tv-title {
    margin: 15px;
    font-size: 19px;
    padding-bottom: 8px;
}

.more-load {
    align-items: center;
    background: #0f1218;
    border: 2px solid #242c3c;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-family: Axiforma, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: 23px;
    margin: 20px auto 20px;
    padding: 10px 25px;
}

.more-load img {
    margin-left: 20px;
}

.cashback_bonus_btn{
    width: 27px;
    height: 100%;
    color: red;
    font-size: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.cashback_bonus_btn.hide {
    display: none !important;
}

.enable-2fa p.text {
    font-size: 15px;
    line-height: 26px;
    color: #C2C8D7;
    margin-top: 7px;
    margin-bottom: 15px;
    padding-left: 0!important;
}
.enable-2fa .input {
    width: 100%!important;
    height: 46px!important;
    padding: 13px 30px 9px 30px!important;
    background: #242C3C!important;
    border: 1.4px solid #303647!important;
    box-sizing: border-box!important;
    border-radius: 5px!important;
}
.enable-2fa .enable-btn {
    background: #2C6CEE!important;
    border-radius: 5px!important;
    padding: 13px 30px 9px 30px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    font-size: 15px!important;
    line-height: 26px!important;
    color: #FFFFFF!important;
    width: 100%!important;
    height: 46px!important;
    margin-top: 18px!important;
    outline: none!important;
    border: none!important;
}
#kolaypay_bank_transfer_form .bank_info .bank_img {
    float: none;
    display: inline-block;
}
#game_content.sport_games_tv-games {
    min-height: 400px;
}
#providers-block,
#investment-block{
    flex: 0 0 auto;
    width: 100%;
    padding: 0 12px;
}
#providers-block .overflow,
#investment-block .overflow{
    overflow-x: auto;
    display: grid;
}

#providers-block p,
#investment-block p{
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    color: #CDD1DE;
    text-align: center;
    letter-spacing: 0.4em;
    margin-top: 28px;
    margin-bottom: 18px;
}
#providers-block .providers{
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0 auto;
}
#investment-block .overflow{
    padding-bottom: 32px;
    margin-bottom: 28px;
    border-bottom: 1px solid #242C3C;
}
#investment-block .investment{
    display: grid;
    gap: 10px;
    width: 1000px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(11,1fr);
    margin: 0 auto;
}

#investment-block .investment img{
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 14px;
}

#providers-block .providers .logo-wrapper{
    background: #242C3C;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 10px;
}

#providers-block .providers .logo-wrapper img{
    z-index: 2;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}

#providers-block .providers .logo-wrapper:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 50px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    transform: skew(-38deg);
}

#providers-block .providers .logo-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 22px;
    height: 50px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    opacity: 0.5;
    transform: skew(-38deg);
}



footer .footer-menu-item {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: auto;
    font-weight: 500;
    color: #cdd1de;
    padding: 12px 16px 10px 16px;
    white-space: nowrap;
    line-height: 26px;
    border-right: 1px solid #242c3c;
}

footer .footer-menu-item i{
    margin-left: 8px;
    font-size: 12px;
    color: #788195;
    transition: all 0.3s;
    font-weight: 900;
    display: inline-block;

}

footer .footer-menu-item:hover{
    background: #151d2f;
    color: #ffffff;
    border-top: none;
    border-left: none;
    border-color: #242c3c;
    border-bottom-color: #151d2f;
}


footer .footer-menu-item:hover i{
    display: inline-block;
    color: #12BC8C;
    transition: all 0.3s;
    transform: rotate(-180deg);
}

footer .footer-menu-item.active-link{
    background: #151d2f;
    color: #ffffff;
    border-top: none;
    border-left: none;
    border-color: #242c3c;
    border-bottom: 1px solid #242c3c;
}
footer .footer-menu-item.active-link i{
    display: inline-block;
    color: #12BC8C;
    transition: all 0.3s;
    transform: rotate(-180deg);
}

.footer-center .btns_list {
    margin-top: 20px;
    margin-bottom: 18px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
}

.footer-center .btns_list .btn_sbmt {
    background: #283248;
    border-radius: 5px;
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 10px 22px 8px 22px;
    z-index: 2;
    text-transform: uppercase;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-center .btns_list .btn_sbmt:first-child{
    margin-right: 4px;
}

.footer-center .btns_list .btn_sbmt:last-child{
    margin-left: 4px;
}

.footer-center .btns_list .btn_sbmt i{
    color: #9EA7BC;
    font-size: 14px;
}

.footer-center .btns_list .btn_sbmt:after {
    background-color: transparent;
}

footer .right_part .tab-pane{
    justify-content: center;
    flex-direction: column;
    line-height: 0;
    display: none;
    height: 100%;
    opacity: 0;
    transition: opacity 0.15s linear;
    padding: 32px 24px;
    text-align: left;
}

footer .right_part .tab-pane h1{
    font-family: Axiforma, sans-serif;
    font-size: 24px !important;
    line-height: 36px;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-top: 13px !important;
}

footer .right_part .tab-pane p{
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    color: #cdd1de;
    margin-top: 3px;
    margin-bottom: 16px;
}

footer .right_part .tab-pane.tab-one a,
footer .right_part .tab-pane.tab-three a,
footer .right_part .tab-pane.tab-four .text a{
    padding: 17px 37px 13px 37px !important;
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    background-color: #2C6CEE;
    border: none #2C6CEE;
    margin-right: auto;
    cursor: pointer;
    width: 100%;
    line-height: 13px;
    text-align: center;
}

footer .right_part .tab-pane.tab-one a::before,
footer .right_part .tab-pane.tab-three a::before,
footer .right_part .tab-pane.tab-four .text a::before{
    transform: rotate(-45deg);
    left: -42px;
    top: -37px;
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    right: -21px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease-in-out;
}

footer .right_part .tab-pane.tab-one a:hover::before,
footer .right_part .tab-pane.tab-three a:hover:before,
footer .right_part .tab-pane.tab-four .text a:hover:before{
    left: -100px;
}

footer .right_part .tab-pane.tab-four .bonuses{
    display: grid;
    gap: 8px 0;
    margin-top: 10px;
}

footer .right_part .tab-pane.tab-four .bonuses .bonus-item{
    width: 100%;
    background: #1B2334;
    padding: 16px 24px 13px 24px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    cursor: pointer;
}

footer .right_part .tab-pane.tab-four .bonuses .bonus-item:hover{
    background: #252E41;
}

footer .right_part .tab-pane.tab-four .bonuses .bonus-item i {
    margin-right: 24px;
    color: #727B8F;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}

footer .right_part .tab-pane.tab-four .bonuses .bonus-item .title{
    font-family: Axiforma, sans-serif;
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    color: #12BC8C;
    margin: 0;
}

footer .right_part .tab-pane.tab-four .bonuses .bonus-item .bonus-text{
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #CDD1DE;
    margin-top: -2px;
}

footer .right_part .tab-pane.tab-two .menu{
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 1fr;
}

footer .right_part .tab-pane.tab-two .menu a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #1B2334;
    padding: 12px 20px 9px 20px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #CDD1DE;
}

footer .right_part .tab-pane.tab-two .menu a i{
    margin-right: 12px;
    color: #D3D7E3;
    font-size: 10px;
    transition: all 0.3s ease-in-out;
}

footer .right_part .tab-pane.tab-two .menu a:hover{
    color: #FFFFFF;
    background: #303A4E;
    cursor: pointer;
}

footer .right_part .tab-pane.tab-two .menu a:hover i{
    color: #12BC8C;
}

footer .right_part .show-tab{
    display: flex;
    transition: opacity 0.15s linear;
}

footer .right_part .show-tab.opacity{
    opacity: 1;
}


.divider{
    width: 100%;
    height: 4px;
    background: #1b222f;
    margin: 16px 0;
}

.categories-mobile{
    padding: 0 12px;
    margin: 0 -5px;
}
.categories-mobile .grid-category{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.categories-mobile .category{
    background: #242C3C;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    margin: 8px 4px 0 4px;
    border-radius: 6px;
    min-height: 108px;

}

.categories-mobile .category::before{
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 44px;
    height: 100px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    opacity: 0.5;
    transform: skew(-38deg);
    transition: all 0.3s ease-out;
}

.categories-mobile .category::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    transform: skew(-38deg);
    transition: all 0.6s ease-out;
}

.categories-mobile .category a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.categories-mobile .category img{
    width: 50px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    z-index: 3;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.categories-mobile .category h4{
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    z-index: 3;
}

.categories-mobile .category.large{
    width: 100%;
}

.categories-mobile .category.small{
    min-height: 48px;
    width: 100%;
    height: 48px;
    flex-direction: row;
    justify-content: flex-start;
}

.categories-mobile .category.small img{
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    margin-right: 12px;
    margin-left: 10px;
}

.categories-mobile .category.small img{
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    z-index: 3;
}

.popular-league-mobile{
    margin-top: 23px;
    padding: 0 12px;
}

.popular-league-mobile .overflow{
    overflow-x: auto;
    overflow-y: clip;
}

.popular-league-mobile   .title{
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.popular-league-mobile   .title img{
    margin-right: 20px;
    width: 20px;
    height: 20px;
}

.popular-league-mobile   .title h2{
    font-family: Axiforma, sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: -3px;
}

.popular-league-mobile  .league-item{
    margin: 17px 5px 0px;
    background: #242C3C;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    min-width: 180px;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    padding: 24px 20px 10px 20px;
    margin-top: 17px;
    transition: all 0.3s ease-in-out;
    flex: 1 0 0%;
}

.popular-league-mobile   .league-item:hover{
    transform: scale(1.05);
}

.popular-league-mobile   .league-item:first-child{
    margin-left: 0;
}

.popular-league-mobile   .league-item:last-child{
    margin-right: 0;
}

.popular-league-mobile   .league-item::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    transform: skew(-38deg);
    transition: all 0.6s ease-out;
}

.popular-league-mobile   .league-item::before{
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 44px;
    height: 100px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    opacity: 0.5;
    transform: skew(-38deg);
    transition: all 0.3s ease-out;
}

.popular-league-mobile   .league-item a{
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.popular-league-mobile   .league-item span{
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    z-index: 2;
    color: #12BC8C;
}

.popular-league-mobile   .league-item h4{
    font-family: Axiforma, sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #FFFFFF;
    z-index: 2;
}

.popular-league-mobile   .league-item p{
    color: #C2C8D7;
    margin-bottom: 0;
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    z-index: 2;
}

.popular-league-mobile   .league-item .logo-wrapper{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    position: relative;
    border-radius: 8px;
    z-index: 2;
}

.popular-league-mobile   .league-item .logo-wrapper img{
    width: 36px;
    height: 36px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    z-index: 3;
}

.popular-league-mobile   .league-item .logo-wrapper::before{
    content: "";
    position: absolute;
    background: linear-gradient(180deg, #242c3c, #343e53);
    z-index: -1;
    border-radius: 10px;
    width: 64px;
    height: 64px;
}

.popular-league-mobile   .league-item .logo-wrapper::after{
    content: "";
    position: absolute;
    background: #242C3C;
    z-index: 0;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease-in-out;
}

#modal_window .modal-content.modal.google_auth_modal{
    top: 10px;
    background: #1b2334;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 4px solid #12bc8c;

}

#modal_window:before{
    background: rgba(132, 143, 164, 0.8);
}

#modal_window .modal-content.modal.google_auth_modal #modal_inner{
    margin-top: 20px;
}

.google-auth-modal-list .google-auth-modal-list-item{
    counter-increment: my-awesome-counter;
    position: relative;
    padding: 24px 0 24px 52px;
    border-bottom: 1px solid #252d3d;
}

.google-auth-modal-list .google-auth-modal-list-item .app-link{
  color: #12bc8c;
}

.google-auth-modal-list .google-auth-modal-list-item:before{
  content: counter(my-awesome-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "AxiformaSemiBold", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  --size: 36px;
  left: 0;
  width: var(--size);
  height: var(--size);
  background: #12bc8c;
  border-radius: 50%;
  text-align: center;
}

.google-auth-modal-list .google-auth-modal-list-item h3{
  font-family: "AxiformaMedium", sans-serif;
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 5px;
}

.google-auth-modal-list .google-auth-modal-list-item p{
  font-family: "AxiformaRegular", sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #c2c8d7;
  margin: 0;
}

.google-auth-modal-list .google-auth-modal-list-item .qr-wrapper{
  margin: 16px 0;
  position: relative;
  border-radius: 12px;
}

.google-auth-modal-list .google-auth-modal-list-item .qr-wrapper .qr-code{
  width: auto;
  height: auto;
  padding: 32px;
  border: 2px solid #283143;
  border-radius: 12px;
}

.google-auth-modal-list .google-auth-modal-list-item .qr-wrapper .qr-code .qr-code-img{
  width: auto;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
}

.google-auth-modal-list .google-auth-modal-list-item .qr-wrapper .cannot-scan{
    background: #283143;
    border-radius: 5px;
    width: auto;
    margin-top: 8px;
    text-align: center;
    font-size: 13px;
    line-height: 26px;
    color: #12BC8C;
    text-transform: uppercase;
    padding: 8px 0 5px 0;
    display: block;
}
#modal_window .enable-2fa p {
    font-size: 15px;
    line-height: 26px;
    color: #C2C8D7;
    margin-top: 7px;
    margin-bottom: 15px;
}

#modal_window .enable-2fa .input {
    color: #c2c8d7;
}

#modal_window li{
    height: auto;
}

#modal_window {
    background: rgba(132, 143, 164, 0.8) !important
}

#modal_window .my_ac_title_line {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 2px solid #252d3d;
    margin-bottom: 24px;
    padding-bottom: 24px;
}

#modal_window .my_ac_title_line i {
    color: #12bc8c;
    margin-top: -13px;
}

#modal_window .my_ac_title_line i:before {
    font-size: 50px;
    margin-right: 20px;
}

#modal_window .my_ac_title_line .content{
    width: 70%;
}

#modal_window .my_ac_title_line .content h1 {
    margin-bottom: 9px;
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 36px;
}

#modal_window .my_ac_title_line .content .desc {
    margin-bottom: 5px;
    font-size: 13px;
    color: #c2c8d7;
    line-height: 21px;
}

#modal_window  .two-factor-authentication-icon {
    margin-right: 20px;
    min-width: 44px;
    height: 44px;
}

#modal_window .google_auth_modal .close{
    top: 45px;
    right: 25px;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.authentification-cannot-scan {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.authentification-cannot-scan .input-copy-key {
    margin-bottom: 0;
    margin-top: 0;
}
.categories-mobile .category.two_fa h4 {
    font-size: 10px;
    line-height: 14px;
}

#transfer_fixfin_form .input-wrap input {
    padding-left: 20px;
}

.User-payment-options {
    font-size: 1.4em;
    color: #3a4048;
    font-weight: 500;
    line-height: 1.8em;
}

.User-payment-options .options-title{
    font-weight: 600;
    text-transform: capitalize;
}

.User-payment-options .options-text{
    font-size: 14px;
}

.pp-status {
    position: relative;
    text-align: left;
    padding: 1em 1em 1em 3em;
    border-radius: 2px;
}

.pp-status svg {
    display: block;
    position: absolute;
    left: 0.9em;
    top: 1em;
    width: 1.4em;
    height: 1.4em;
}

.pp-status.success {
    color: #5b9159;
    border: 1px solid #5b9159;
    margin-bottom: 15px;
}

.pp-status.danger {
    color: #c68c34;
    border: 1px solid #c68c34;
}

.User-form-accounts-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    padding-bottom: 50px;
}

.User-form-accounts-list .account-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #eee7e7;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    max-height: 200px;
    align-items: center;
}

.User-form-accounts-list .account-item .account-item-name {
    margin: 0 0 10px 0

}

.User-form-accounts-list .account-item .account-item-logo {
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    height: auto;
    padding: 20px 15px 10px 15px;;
}

.User-payment-options ul {
    margin-top: 25px;
    margin-bottom: 25px;
}

.User-form-accounts-list ul, .User-payment-options ul {
    list-style-type: none;
}

.User-payment-options ul {
    color: #C2C8D7;
    font-size: 0.8em;
}

.User-payment-options .pp-status{
    font-size: 0.75em;
    line-height: 1.5em;
}
.bank_transfer_list .bank_name.finans_bank a:after{
    max-width: initial;
    max-height: initial;
    width: initial;
    height: initial;
    left: 0;
}

.cryptocurrency-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 10px;
	gap: 1rem;
	position: relative;
}

.cryptocurrency-container .cryptocurrency-item {
	text-transform: uppercase;
    color: #a3b8c2;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
    border: 1px solid #2e384b;
    color: #C2C8D7;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.05);
    border-radius: 7px;
    padding: 10px;
}

.cryptocurrency-item .network {
	font-weight: 600;
	color: #C2C8D7;
}

.cryptocurrency-container .cryptocurrency-item .cryptocurrency-item-logo {
	background-repeat: no-repeat;
    background-position: 50%;
    width: 54px;
    height: 54px;
	margin-right: 12px;
}

.bank-accounts-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 10px;
    gap: 1rem;
    position: relative;
}

.bank-accounts-container .bank-accounts-item {
    text-transform: uppercase;
    color: #a3b8c2;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
    border: 1px solid #2e384b;
    color: #C2C8D7;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.05);
    border-radius: 7px;
    padding: 10px;
}

.bank-accounts-item .network {
    font-weight: 600;
    color: #C2C8D7;
}

.bank-accounts-container .bank-accounts-item .bank-accounts-item-logo {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 54px;
    height: 54px;
    margin-right: 12px;
}

#bonus_code_modal {
    display: none;
    line-height: 1.5;
}

#bonus_code_modal > div {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

#bonus_code_modal .popup-container {
    width: 94%;
    max-width: 600px;
    border: 10px solid #3e414e;
    border-radius: 10px;
    position: relative;
    padding: 0;
}
#bonus_code_modal .popup-close {
    width: 42px;
    height: 42px;
    background-color: #364057;
    border-radius: 50%;
    color: #ffffff;
    position: absolute;
    right: -20px;
    top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#bonus_code_modal .popup-head {
    height: 104px;
    background-color: #2e313c;
}
#bonus_code_modal .popup-row {
    padding: 26px 20px;
    background-color: #343844;
    position: relative;
}
#bonus_code_modal .popup-row img {
    width: 100%;
}
#bonus_code_modal .popup-subtitle {
    background-image: linear-gradient(to right, #2c6cee, #417bef);
    height: 34px;
    position: absolute;
    padding: 0px 15px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    color: #ffffff;
    line-height: normal;
    font-weight: 600;
    top: -20px;
    transform: translateX(-50%);
    left: 50%;
}
#bonus_code_modal .dark-input {
    width: 100%;
    height: 67px;
    background: #363C45 !important;
    border: 1px solid #4C525B !important;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 15px;
    color: #ffffff;
    font-size: 17px;
    padding-left: 20px;
}
#bonus_code_modal .act-btn {
    width: 100%;
    margin-top: 20px;
}

#bonus_code_modal button {
    border: 0;
    cursor: pointer;
}
#bonus_code_modal .popup-message-box {
    background-color: #1E2227;
    padding: 24px 17px;
    border-radius: 10px;
}
#bonus_code_modal .font-size-24 {
    font-size: 24px !important;
}
#bonus_code_modal .bb-title {
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}

#bonus_code_modal .btn-5 {
    height: 44px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    background-image: linear-gradient(to right, #2c6cee, #417bef);
    border-radius: 40px;
    transition: 0.3s;
}
#bonus_code_modal .mr-40 {
    margin-right: 40px!important;
}
#bonus_code_modal .mt-10 {
    margin-top: 10px!important;
}
#bonus_code_modal .bb-subtitle {
    color: #848C98;
}

.progress-wrapper {
    display: flex;
    align-items: center;
    column-gap: 20px;
    background: #202125;
    color: white;
    padding: 20px 20px 30px 20px;
    border-radius: 12px;
    width: 100%;
    margin-bottom: 20px;
}

.progress-wrapper .content {
    display: flex;
    row-gap: 5px;
    width: 100%;
    flex-direction: column;
    position: relative;
}

.progress-wrapper .title {
    display: flex;
    width: 40px;
}

.progress-wrapper .dots {
    position: absolute;
    width: 100%;
    display: flex;
    top: 55%;
    z-index: 3;
}

.dot-wrapper {
    position: absolute;
}

.dot {
    width: 7px;
    height: 7px;
    background: black;
    border-radius: 25px;
}

.checkpoints {
    display: flex;
    width: 100%;
    height: 10px;
    font-size: 9px;
}

.checkpoint {
    position: absolute;
}

.gifts {
    display: flex;
    width: 100%;
}

.gift {
    position: absolute;
    top: 90%;
}

#bonus_code_modal .popup-row .gift, #bonus_code_modal .popup-row .gift img {
    width: 16px;
}

.checkpoint-title,
.gift-title {
    position: absolute;
    color: #8b91a0;
}

#bonus_code_modal .progress {
    height: 20px;
    border-radius: 30px;
    width: 100%;
    margin: 0;
}

#bonus_code_modal progress[value]::-webkit-progress-bar {
    background-color: #ededed;
    border-radius: 40px;
}

#bonus_code_modal progress[value]::-webkit-progress-value {
    border-radius: 40px;
    background-color: #e53537;
    position: relative;
    z-index: 4;
}

#bonus_code_modal progress[value]::-moz-progress-bar {
    border: 0;
    height: 20px;
    border-radius: 20px;
}

.d-flex-center {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
}

button.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.social-links .threads-icon, .social-links .x-icon {
    background: #CDD1DE;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.5px;
    height: 16.5px;
    margin-top: 1px;
}

.social-links .threads-icon:hover, .social-links .x-icon:hover {
    background: #12BC8C;
}

#cryptocurrencies_list {
    margin-bottom: 30px;
}
.cryptocurrency-item.active {
    border: 1px solid #12bc8c;
}

.account-field input::placeholder {
    opacity: 0.4;
}


.add-bank-account {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #2c6cee;
    height: 39px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 5px;
    color: #fff;
    width: 100%;
    margin-bottom: 15px;
    top: 50%;
    right: 8%;
    z-index: 22;
    border-radius: 5px;
    transition: .3s;
}

.add-bank-account span {
    color: #fff;
    position: static;
}

.banks-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 10px;
    gap: 1rem;
    position: relative;
}

.banks-list .bank-list-item {
    text-transform: uppercase;
    color: #a3b8c2;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
    border: 1px solid #2e384b;
    color: #C2C8D7;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.05);
    border-radius: 7px;
    padding: 10px;
}

.banks-list .bank-list-item .bank-list-item-logo {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 54px;
    height: 54px;
    margin-right: 12px;
}