@media (min-width: 992px) {
    @font-face {
        font-family: Rubik;
        font-weight: 300;
        src: url(/font/Rubik/Rubik-Light.woff) format("woff");
        font-display: swap
    }@font-face {
    font-family: Rubik;
    font-weight: 400;
    src: url(/font/Rubik/Rubik-Regular.woff) format("woff");
    font-display: swap
}@font-face {
    font-family: Rubik;
    font-weight: 700;
    src: url(/font/Rubik/Rubik-Bold.woff) format("woff");
    font-display: swap
}@font-face {
    font-family: Rubik;
    font-weight: 900;
    src: url(/font/Rubik/Rubik-Black.woff) format("woff");
    font-display: swap
}
}

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes showMenu {
    0% {
        right: 0
    }
    to {
        right: -300px
    }
}

@-webkit-keyframes showMenuCloseButton {
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, option, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    margin: 0;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

button, input {
    padding: 0;
    border: none;
    outline: none
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    box-shadow: none
}

input[type="number"] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none
}

html {
    scroll-behavior: smooth;
    --scroll-behavior: smooth;
    font-family: "scroll-behavior:smooth";
    -webkit-overflow-scrolling: touch
}

body, html {
    height: 100%
}

body {
    line-height: 1;
    font-family: var(--main-fonts);
    font-weight: 400;
    color: var(--secondary-text-color);
    background: var(--accent-1-bg-color)
}

.mobile-game {
    overflow: hidden
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes showMenu {
    0% {
        right: -300px
    }
    to {
        right: 0
    }
}

@keyframes showMenuCloseButton {
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.page-backdrop {
    background-color: var(--popup-backdrop-bg);
    z-index: 150;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.page-backdrop:not(.cdk-overlay-backdrop-showing) {
    opacity: 0
}

.page-overlay {
    z-index: 160;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -15px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.slider-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--accent-1-bg-color);
    box-shadow: var(--md-shadow);
    z-index: 100
}

.slider-arrow.slick-disabled {
    display: none !important
}

.slider-arrow.slider-prev-button {
    left: -25px
}

.slider-arrow.slider-next-button {
    right: -25px
}

@media (min-width: 320px) {
    .slider-arrow {
        display: none !important
    }
}

@media (min-width: 992px) {
    .slider-arrow {
        display: flex !important
    }
}

@media (min-width: 1200px) {
    .slider-arrow {
        width: 60px;
        height: 60px;
        border-radius: 50%
    }
}

.slick-list {
    padding-top: 30px !important;
    margin-top: -30px !important
}

.field
.placeholder__wrap {
    position: relative;
    z-index: 1;
    width: auto;
    margin: 0 auto
}

.field
.placeholder__text {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    color: var(--extra-3-text-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--main-font-size);
    line-height: 1.4;
    left: 15px;
    transition: 0.3s;
    z-index: -1
}

.field__input--dirty ~ .placeholder__text, .field__input:focus ~ .placeholder__text {
    top: 13px;
    font-size: var(--text-size--sm)
}

.ng-dirty.ng-invalid:not(form) .placeholder__text {
    color: var(--error-text-color)
}

.ng-dirty.ng-valid:not(form) .placeholder__text {
    color: var(--success-text-color)
}

.ng-dirty.ng-valid:not(form) .field__input {
    border: 1px solid var(--success-color)
}

.field__input.error.error.error.error,
.ng-dirty.ng-invalid:not(form) .field__input {
    border: 1px solid var(--error-color)
}

.field__input.error.error.error.error + .placeholder__text {
    color: var(--error-color)
}

.card-number .field__input.field__input,
.email-confirmation__email .field__input.field__input,
.profile-settings .contact-data .field__input,
.profile-settings .profile-info .field__input,
.transfers
.field__input.field__input {
    padding-top: 12px
}

:root {
    --primary-color: #94e000;
    --primary-text-hover: #ad00ff;
    --primary-text-underline: #94e000;
    --primary-title-color: #94e000;
    --primary-text-color: #94e000;
    --primary-cash-counter-bg: #94e000;
    --primary-bg-color: #94e000;
    --primary-border-color: #94e000;
    --secondary-color: #3b0a75;
    --secondary-text-hover: #ad00ff;
    --secondary-title-color: #3b0a75;
    --secondary-text-color: #000;
    --secondary-bg-color: #3b0a75;
    --secondary-border-color: #3b0a75;
    --tertiary-color: #999;
    --tertiary-input-hover-border-color: #999;
    --tertiary-title-color: #999;
    --tertiary-text-color: #999;
    --tertiary-bg-color: #999;
    --tertiary-border-color: #999;
    --accent-1-color: #fff;
    --accent-1-text-hover: #fff;
    --accent-1-title-color: #fff;
    --accent-1-text-color: #fff;
    --accent-1-bg-color: #fff;
    --accent-1-border-color: #fff;
    --accent-2-color: #ffae00;
    --accent-2-text-hover: #ffae00;
    --accent-2-title-color: #ffae00;
    --accent-2-text-color: #ffae00;
    --accent-2-bg-color: #ffae00;
    --accent-2-border-color: #ffae00;
    --accent-3-color: #f8333c;
    --accent-3-text-hover: #f8333c;
    --accent-3-title-color: #f8333c;
    --accent-3-text-color: #f8333c;
    --accent-3-bg-color: #f8333c;
    --accent-3-border-color: #f8333c;
    --extra-1-color: #ffd000;
    --extra-1-text-hover: #ffd000;
    --extra-1-title-color: #ffd000;
    --extra-1-text-color: #ffd000;
    --extra-1-bg-color: #ffd000;
    --extra-1-border-color: #ffd000;
    --extra-2-color: #eee;
    --extra-2-bg-color: #eee;
    --extra-2-border-color: #eee;
    --extra-2-disabled-border-color: #eee;
    --extra-3-color: #dedede;
    --extra-3-text-color: #dedede;
    --extra-3-border-color: #dedede;
    --main-bg: #f5f5f5;
    --success-color: #51d88c;
    --success-text-color: #2ecc71;
    --error-color: #f8333c;
    --error-text-color: #f8333c;
    --casino-label-bg: #c800ce;
    --settings-accordion-bg: #3b0a75;
    --deposit-bonus-casino-label-text: #d569ff;
    --gagarin-text-color: #c500ec;
    --breadcrumbs-border: solid 1px hsla(0, 0%, 100%, 0.1);
    --lg-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.07);
    --md-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    --sm-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    --cash-counter-shadow: 0 11px 15px 0 rgba(46, 204, 113, 0.35);
    --cash-counter-active-shadow: 0 1px 3px 0 rgba(46, 204, 113, 0.35);
    --input-focus-shadow: 0 0 2px 1px #eee;
    --popup-backdrop-bg: rgba(0, 0, 0, 0.5);
    --promocode-shadow: 0px 0px 0px 7px rgba(148, 224, 0, 0.15);
    --promo-2020-amount-gradient-start: #5200ff;
    --promo-2020-amount-gradient-end: #db00ff;
    --promo-2020-md-oval-gradient-start: #7520a0;
    --promo-2020-md-oval-gradient-end: #af3ee8;
    --promo-2020-lg-oval-gradient-start: #f8333c;
    --promo-2020-lg-oval-gradient-end: #fc626f;
    --promo-2020-sm-oval-gradient-start: #cfd9df;
    --promo-2020-sm-oval-gradient-end: #e2ebf0;
    --promo-2020-amount-text-size-l: 40px;
    --promo-2020-amount-text-size-xl: 64px;
    --bonus-title-white: hsla(0, 0%, 100%, 0.4);
    --bonus-title-bg: rgba(0, 0, 0, 0.2);
    --bonus-label-background: rgba(0, 0, 0, 0.2);
    --bonus-wager-border: solid 5px rgba(0, 0, 0, 0.3);
    --bonus-freespin-start-gradient: #635b96;
    --bonus-freespin-end-gradient: #635b96;
    --bonus-cash-poker-start-gradient: #00857d;
    --bonus-cash-poker-end-gradient: #3aaba4;
    --bonus-cash-casino-start-gradient: #768193;
    --bonus-cash-casino-end-gradient: #768193;
    --bonus-freebet-start-gradient: #d72e2e;
    --bonus-freebet-end-gradient: #a42473;
    --bonus-non-deposit-start-gradient: #534e74;
    --bonus-non-deposit-end-gradient: #9b95aa;
    --bonus-casino-reload-start-gradient: #3d8b87;
    --bonus-casino-reload-end-gradient: #3d8b87;
    --bonus-casino-cashback-start-gradient: #206ec6;
    --bonus-casino-cashback-end-gradient: #589ae4;
    --casino-page-top-left-banner-bg: #8446ff;
    --casino-page-top-right-banner-bg: #fa8c30;
    --casino-page-top-right-banner-text-color: #8446ff;
    --casino-page-top-left-banner-shadow: 0 16px 14px -9px rgba(154, 103, 255, 0.35);
    --casino-page-top-right-banner-shadow: 0 16px 14px -9px rgba(250, 140, 48, 0.35);
    --faq-page-popular-gradient-start: #e5f9ff;
    --faq-page-popular-gradient-end: #81beff;
    --faq-page-popular-sub-section-bg: #f2fcff;
    --faq-page-casino-gradient-start: #f6eeff;
    --faq-page-casino-gradient-end: #d4beff;
    --faq-page-casino-sub-section-bg: #fcfaff;
    --faq-page-poker-gradient-start: #fff2f1;
    --faq-page-poker-gradient-end: #ffb195;
    --faq-page-poker-sub-section-bg: #fff1f0;
    --faq-page-settings-gradient-start: #dffcff;
    --faq-page-settings-gradient-end: #adf3fc;
    --faq-page-settings-sub-section-bg: #f5feff;
    --faq-page-poker-types-gradient-start: #ecffe5;
    --faq-page-poker-types-gradient-end: #7efb78;
    --faq-page-poker-types-sub-section-bg: #f2fcee;
    --faq-page-payments-gradient-start: #fff5d7;
    --faq-page-payments-gradient-end: #ffd042;
    --faq-page-payments-sub-section-bg: #fffaec;
    --desktop-bg-gradient-start: #ba6ec1;
    --desktop-bg-gradient-end: #381350;
    --desktop-left-banner-bg: #fe3c30;
    --google-bg: #dd4b39;
    --yandex-bg: #4b4b4b;
    --ok-bg: #ee8208;
    --vk-bg: #366295;
    --mailru-bg: #005ff9;
    --telegram-bg: #0877a5;
    --fb-bg: #3b5998;
    --download-app-button-gradient-start: #8f00ff;
    --download-app-button-gradient-end: #ff01e6;
    --poker-page-header-gradient-start: #41006c;
    --poker-page-header-gradient-end: #a642ff;
    --auth-fb-button-color: #3a559f;
    --auth-vk-button-color: #44678d;
    --auth-yandex-button-color: #f8333c;
    --auth-google-button-color: #dd4b39;
    --auth-ok-button-color: #f78422;
    --auth-mailru-button-color: #178ce2;
    --news-hedaer-shadow-color: #000;
    --active-bonuse-bg-color: rgba(148, 224, 0, 0.2);
    --active-bonuse-border-color: #94e000;
    --bonus-balance-tooltip-bg: #333;
    --primary-button-bg: #ad00ff;
    --primary-button-hover-bg: #be33ff;
    --primary-button-pressed-bg: #8200c0;
    --primary-button-pressed-color: #fff;
    --primary-button-disabled-bg: #f5f5f5;
    --primary-button-disabled-color: #dedede;
    --primary-button-box-shadow: 0 11px 15px -2px rgba(46, 204, 113, 0.35);
    --primary-button-text-color: #fff;
    --secondary-button-bg: transparent;
    --secondary-button-text-color: #ad00ff;
    --secondary-button-hover-bg: rgba(173, 0, 255, 0.19);
    --secondary-button-border: solid 1px #ad00ff;
    --secondary-button-pressed-bg: #ad00ff;
    --secondary-button-pressed-color: #fff;
    --secondary-button-disabled-bg: #fff;
    --secondary-button-disabled-color: #dedede;
    --secondary-button-disabled-border: #dedede;
    --accent-1-button-bg: transparent;
    --accent-1-button-text-color: #fff;
    --accent-1-button-hover-bg: hsla(0, 0%, 100%, 0.15);
    --accent-1-button-border: solid 1px #fff;
    --accent-1-button-pressed-bg: #fff;
    --accent-1-button-pressed-color: #000;
    --accent-1-button-disabled-color: #fff;
    --accent-1-button-disabled-bg: hsla(0, 0%, 60%, 0.2);
    --accent-2-button-bg: #c800ff;
    --accent-2-button-text-color: #fff;
    --accent-2-button-hover-bg: #d126ff;
    --accent-2-button-border: solid 1px #d126ff;
    --accent-2-button-box-shadow: 0 11px 15px -2px rgba(200, 0, 255, 0.35);
    --accent-2-button-pressed-bg: #b400e6;
    --accent-2-button-pressed-color: #fff;
    --accent-2-button-disabled-color: #000;
    --accent-2-button-disabled-bg: hsla(0, 0%, 60%, 0.2);
    --accent-3-button-bg: #ffae00;
    --accent-3-button-text-color: #fff;
    --accent-3-button-border: solid 1px #ffba26;
    --accent-3-button-hover-bg: #ffba26;
    --accent-3-button-pressed-bg: #e69d00;
    --accent-3-button-box-shadow: 0 11px 15px -2px rgba(255, 174, 0, 0.35);
    --accent-3-button-pressed-color: #fff;
    --accent-3-button-disabled-color: #000;
    --accent-3-button-disabled-bg: hsla(0, 0%, 60%, 0.2);
    --button-back-bg: transparent;
    --button-back-text-color: #ad00ff;
    --button-back-hover-bg: rgba(173, 0, 255, 0.19);
    --button-back-border: solid 1px #ad00ff;
    --button-back-pressed-bg: #ad00ff;
    --button-back-pressed-color: #fff;
    --button-back-disabled-bg: #fff;
    --button-back-disabled-color: #dedede;
    --button-border-radius: 10px;
    --button-text-transform: none;
    --button-min-heigth: 50px;
    --button-font: Rubik, Roboto, sans-serif;
    --inputs-font: Rubik, Roboto, Helvetica, Arial, sans-serif;
    --main-fonts: Rubik, Roboto, Helvetica, Arial, sans-serif;
    --main-fonts-bold: Rubik, Roboto, sans-serif;
    --light: 300;
    --normal: 400;
    --semibold: 500;
    --bold: 700;
    --main-font-size: 16px;
    --h1-size: 30px;
    --h2-size: 28px;
    --h3-size: 24px;
    --h4-size: 20px;
    --text-size--xxl: 32px;
    --text-size--l: 16px;
    --text-size--sm: 14px;
    --text-size--xs: 12px;
    --text-size--xxs: 10px;
    --games-menu-inverse-breakpoint: 550px;
    --placeholder-bg: url(/assets/images/shared/placeholder.svg);
    --bonus-page-no-bonuses: url(/assets/images/bonuses/no-bonuses.svg);
    --cashier-page-auth: url(/assets/images/cashier/auth.svg);
    --cashier-page-gift: url(/assets/images/cashier/gift.svg);
    --cashier-page-green-ok: url(/assets/themes/joker/images/cashier/green-ok-slime.svg);
    --cashier-page-gray-ok: url(/assets/images/cashier/gray-ok.svg);
    --faq-page-section-arrow: url(/assets/images/faq/arrow.svg);
    --faq-page-popular-icon: none;
    --faq-page-casino-icon: none;
    --faq-page-poker-icon: none;
    --faq-page-settings-icon: none;
    --faq-page-poker-types-icon: none;
    --faq-page-payments-icon: none;
    --game-page-default-bg: url(/assets/images/game-page/default-bg.png);
    --poker-page-card-oval: url(/assets/images/poker/card-oval.svg);
    --poker-page-card-oval-sm: url(/assets/images/poker/card-oval-sm.svg);
    --poker-page-big-oval: url(/assets/images/poker/big-oval.svg);
    --poker-page-big-oval-sm: url(/assets/images/poker/big-oval-sm.svg);
    --settings-page-down-arrow: url(/assets/images/inputs/down-arrow.svg);
    --settings-page-gauth: url(/assets/images/profile/gauth.png);
    --main-menu-android-icon: url(/assets/images/header/android.svg);
    --header-main-padding-mobile: 10px 20px;
    --header-main-padding-tablet: 24px 19px 24px 20px;
    --header-main-padding-desktop: 24px 40px;
    --header-icons-wrapper-bg: rgba(0, 0, 0, 0.35);
    --header-gifts-icon-color: #ff40e4;
    --header-profile-icon-color: #0ec8e0;
    --games-section-text-color: #ad00ff;
    --footer-link-text-color: #ad00ff;
    --cashier-menu-text-color: #ad00ff;
    --auth-title-color: #000;
    --auth-desktop-bg: #6047b7;
    --inputs-text-color: #000;
    --joker-slider-label-bg: #ad00ff;
    --settings-title-extra-color: #ad00ff;
    --settings-progress-bar-bg: #ad00ff;
    --bonus-title-color: #000;
    --bonus-count-color: #ad00ff;
    --news-title-color: #000;
    --news-title-color-hover: #ad00ff;
    --news-time-color: #ad00ff;
    --main-menu-user-color: #ad00ff;
    --header-mission-icon-hover: #3b0a75;
    --header-mission-icon-bg-hover: #3df38b;
    --cashier-add-card-text-color: #ad00ff;
    --cashier-support-text-color: #ad00ff
}

.joker .header-wrapper
.header {
    padding: var(--header-main-padding-mobile)
}

.joker .header-wrapper .header .main-block .main-block-content .user-info {
    margin-right: 30px
}

.joker .header-wrapper .header .main-block .main-block-content .user-info
.nick {
    color: var(--accent-1-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--text-size--sm);
    line-height: 1.4
}

.joker .header-wrapper .header .main-block .main-block-content .user-info
.gifts {
    margin-right: 15px;
    border-radius: 10px;
    background-color: var(--header-icons-wrapper-bg);
    transition: background-color 0.3s
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts path,
.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts
rect {
    transition: stroke 0.3s
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts:hover {
    background-color: var(--header-gifts-icon-color)
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts:hover path,
.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts:hover
rect {
    stroke: var(--secondary-color)
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts:active path,
.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts:active
rect {
    stroke: var(--accent-1-color)
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .gifts .count-label {
    position: absolute;
    top: -10px;
    right: -10px;
    color: var(--secondary-color);
    font-weight: 400;
    font-family: var(--main-fonts-bold);
    font-size: var(--text-size--xs);
    line-height: 1.4;
    border-radius: 4px;
    background-color: var(--primary-color);
    line-height: 20px
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img {
    margin-right: 15px;
    border-radius: 10px;
    background-color: var(--header-icons-wrapper-bg);
    transition: background-color 0.3s
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img circle,
.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img
path {
    transition: stroke 0.3s
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img:hover {
    background-color: var(--header-profile-icon-color)
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img:hover circle,
.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img:hover
path {
    stroke: var(--secondary-color)
}

.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img:active circle,
.joker .header-wrapper .header .main-block .main-block-content .user-info .profile-img:active
path {
    stroke: var(--accent-1-color)
}

.joker .header-wrapper .header .menu-burger {
    height: 40px;
    top: 0;
    padding-top: 1px;
    border-radius: 10px;
    background-color: var(--header-icons-wrapper-bg);
    transition: background-color 0.3s
}

.joker .header-wrapper .header .menu-burger
path {
    transition: fill 0.3s
}

.joker .header-wrapper .header .menu-burger:hover {
    background-color: var(--primary-color)
}

.joker .header-wrapper .header .menu-burger:hover
path {
    fill: var(--secondary-color)
}

.joker .header-wrapper .header .menu-burger:active {
    background-color: var(--primary-color)
}

.joker .header-wrapper .header .menu-burger:active
path {
    fill: var(--accent-1-color)
}

.joker .header-wrapper .header .user-info {
    margin-right: 30px
}

.joker .header-wrapper .header .user-info
.nick {
    color: var(--accent-1-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--text-size--sm);
    line-height: 1.4
}

.joker .header-wrapper .header .user-info
div.balance {
    color: var(--primary-text-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--text-size--xs);
    line-height: 1.4
}

.joker .header-wrapper .header .user-info
.gifts {
    margin-right: 15px;
    border-radius: 10px;
    background-color: var(--header-icons-wrapper-bg);
    transition: background-color 0.3s
}

.joker .header-wrapper .header .user-info .gifts path,
.joker .header-wrapper .header .user-info .gifts
rect {
    transition: stroke 0.3s
}

.joker .header-wrapper .header .user-info .gifts:hover {
    background-color: var(--header-gifts-icon-color)
}

.joker .header-wrapper .header .user-info .gifts:hover path,
.joker .header-wrapper .header .user-info .gifts:hover
rect {
    stroke: var(--secondary-color)
}

.joker .header-wrapper .header .user-info .gifts:active path,
.joker .header-wrapper .header .user-info .gifts:active
rect {
    stroke: var(--accent-1-color)
}

.joker .header-wrapper .header .user-info .gifts .count-label {
    position: absolute;
    top: -10px;
    right: -10px;
    color: var(--secondary-color);
    font-weight: 400;
    font-family: var(--main-fonts-bold);
    font-size: var(--text-size--xs);
    line-height: 1.4;
    border-radius: 4px;
    background-color: var(--primary-color);
    line-height: 20px
}

.joker .header-wrapper .header .user-info .profile-img {
    margin-right: 10px;
    border-radius: 10px;
    background-color: var(--header-icons-wrapper-bg);
    transition: background-color 0.3s
}

.joker .header-wrapper .header .user-info .profile-img circle,
.joker .header-wrapper .header .user-info .profile-img
path {
    transition: stroke 0.3s
}

.joker .header-wrapper .header .user-info .profile-img:hover {
    background-color: var(--header-profile-icon-color)
}

.joker .header-wrapper .header .user-info .profile-img:hover circle,
.joker .header-wrapper .header .user-info .profile-img:hover
path {
    stroke: var(--secondary-color)
}

.joker .header-wrapper .header .user-info .profile-img:active circle,
.joker .header-wrapper .header .user-info .profile-img:active
path {
    stroke: var(--accent-1-color)
}

.joker .header-wrapper .header
.logo {
    margin-top: -5px
}

.joker .header-wrapper .header .count-label {
    border-radius: 4px;
    background-color: var(--primary-color);
    top: -3px;
    right: -5px;
    color: var(--secondary-color);
    line-height: 20px;
    font-size: 14px;
    border: 1px solid var(--secondary-color)
}

@media (min-width: 768px) {
    .joker .header-wrapper
    .header {
        padding: var(--header-main-padding-tablet);
        min-height: 90px
    }

    .joker .header-wrapper .header .user-info
    div.balance {
        color: var(--primary-text-color);
        font-weight: 400;
        font-family: var(--main-fonts);
        font-size: var(--main-font-size);
        line-height: 1.4
    }

    .joker .header-wrapper .header .missions__icon
    svg {
        width: 40px;
        height: 40px
    }

    .joker .header-wrapper .header .missions__icon svg .bg,
    .joker .header-wrapper .header .missions__icon svg .circle,
    .joker .header-wrapper .header .missions__icon svg .circle--stroke {
        transition: 0.3s
    }

    .joker .header-wrapper .header .missions--auth {
        margin-right: 16px
    }

    .joker .header-wrapper .header .missions:hover
    .bg {
        fill: var(--header-mission-icon-bg-hover);
        fill-opacity: 1;
        opacity: 1
    }

    .joker .header-wrapper .header .missions:hover
    .circle {
        fill: var(--header-mission-icon-hover)
    }

    .joker .header-wrapper .header .missions:hover .circle--stroke {
        stroke: var(--header-mission-icon-hover)
    }

    .joker .header-wrapper .header .missions .count-label {
        top: -10px;
        right: -10px
    }

    .joker .header-wrapper .header .main-block .main-block-content .deposit-link {
        margin-right: 20px
    }

    .joker .header-wrapper .header
    .logo {
        margin-top: -15px
    }
}

@media (min-width: 992px) {
    .joker .header-wrapper
    .header {
        padding: var(--header-main-padding-desktop)
    }
}

.joker .header .main-block .main-block-content .user-info
.nick {
    color: var(--accent-1-text-color)
}

.joker .games-sections .games-sections__title {
    text-transform: none;
    color: var(--secondary-text-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    line-height: 1.4
}

.joker .games-sections .games-sections__item.active div.games-sections__title,
.joker .games-sections .games-sections__item:hover div.games-sections__title {
    color: var(--games-section-text-color)
}

.joker .games-sections .games-sections__item.active .games-sections__underline {
    display: none
}

@media (min-width: 768px) {
    .joker .games-sections .games-sections__item.active div.games-sections__title,
    .joker .games-sections .games-sections__item:hover div.games-sections__title,
    .joker .games-sections .games-sections__item div.games-sections__title {
        font-size: var(--main-font-size)
    }
}

@media (min-width: 992px) {
    .joker .games-sections .games-sections__item.active div.games-sections__title,
    .joker .games-sections .games-sections__item:hover div.games-sections__title,
    .joker .games-sections .games-sections__item div.games-sections__title {
        font-size: var(--h4-size)
    }
}

.joker .games-header {
    top: 90px
}

.joker .games-header--open {
    top: 0
}

@media (min-width: 768px) {
    .joker .games-header {
        top: 120px
    }
}

.joker .filter-providers .filter-providers__title {
    text-transform: none;
    font-size: var(--main-font-size)
}

.joker .games-section__icon {
    display: none
}

.joker .games-section__header {
    position: relative
}

.joker .games-section__title {
    padding: 0 10px;
    margin: 0 auto;
    z-index: 1;
    color: var(--secondary-color);
    background-color: var(--main-bg);
    text-transform: none
}

@media (max-width: 768px) {
    .joker .games-section__title {
        font-size: 16px
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .joker .games-section__title {
        font-size: 20px
    }
}

@media (min-width: 993px) {
    .joker .games-section__title {
        font-size: 24px
    }
}

.joker .games-section__divider {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: rgba(166, 66, 255, 0.22)
}

.joker section.games-sorted-wrapper .sorted-games .game-section__title {
    padding: 0 10px;
    margin: 0 auto;
    z-index: 1;
    text-transform: none;
    font-family: var(--main-fonts)
}

.joker .games-header-container {
    top: 90px
}

@media (min-width: 768px) {
    .joker .games-header-container {
        top: 120px
    }
}

.joker .game__demo-block
.game__demo__button {
    margin-left: 30px
}

.joker .game__demo-block .game__demo__button
.button {
    height: 30px
}

.joker .footer-wrapper
.menu__title {
    color: var(--primary-text-color);
    font-weight: 400;
    font-size: var(--text-size--sm);
    line-height: 1.4;
    text-transform: none
}

.joker .footer-wrapper .info__link,
.joker .footer-wrapper
.menu__link {
    color: var(--accent-1-text-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--text-size--sm);
    line-height: 1.4;
    text-transform: none;
    text-decoration: none
}

.joker .footer-wrapper .info__link:hover,
.joker .footer-wrapper .menu__link:hover {
    color: var(--footer-link-text-color)
}

.joker .footer-wrapper
.info__item {
    opacity: 1
}

.joker .footer-wrapper .paysystem__item
.paysystem__icon {
    opacity: 0.8;
    transition: opacity 0.3s
}

.joker .footer-wrapper .paysystem__item .paysystem__icon
svg {
    width: 100%
}

.joker .footer-wrapper .paysystem__item .paysystem__icon svg
g {
    fill-opacity: 1;
    opacity: 1
}

.joker .footer-wrapper .paysystem__item:hover {
    opacity: 1
}

.joker .footer-wrapper .extra-info__text {
    color: var(--accent-1-text-color)
}

@media (min-width: 768px) {
    .joker .footer-wrapper
    .menu__title {
        font-size: var(--main-font-size)
    }

    .joker .footer-wrapper .extra-info__text {
        font-size: var(--text-size--xs)
    }
}

.joker .menu .menu__wrapper
.menu__item {
    color: var(--tertiary-color);
    font-weight: 400;
    font-family: var(--main-fonts-bold);
    font-size: var(--main-font-size);
    line-height: 1.4;
    text-transform: none
}

.joker .menu .menu__wrapper .menu__item.active,
.joker .menu .menu__wrapper .menu__item:hover {
    color: var(--cashier-menu-text-color)
}

.joker .menu .menu__wrapper .menu__item.active:before,
.joker .menu .menu__wrapper .menu__item:hover:before {
    display: none
}

.joker .cashier
.return.return.return {
    border-radius: 10px;
    border-color: #ad00ff;
    color: #ad00ff;
    text-transform: none;
    line-height: 25px;
    padding-left: 15px
}

.joker .cashier .return.return.return:before {
    border-color: #ad00ff;
    border-width: 2px;
    border-radius: 2px 0 0 0;
    left: 65%
}

@media (min-width: 768px) {
    .joker .cashier .return.return.return:before {
        left: 23px
    }
}

.joker .cashier .counter-block
.counter {
    width: 48px;
    height: 48px;
    border-radius: 10px !important
}

.joker .cashier .counter-block
.counter.plus.plus {
    box-shadow: 0 5px 15px 0 rgba(139, 0, 205, 0.3) !important;
    background-color: var(--primary-button-bg)
}

.joker .cashier .counter-block .counter.plus.plus:hover {
    background: var(--primary-button-hover-bg)
}

.joker .cashier .counter-block .counter.plus.plus:active {
    background: var(--primary-button-pressed-bg);
    box-shadow: none !important
}

.joker .cashier .counter-block
.sum {
    width: 140px;
    display: block;
    margin: 0 auto
}

.joker .cashier .counter-block .error-wrapper {
    margin: 0 12px
}

.joker .cashier .counter-block
.currency {
    right: 22px
}

.joker .cashier .bonus.active:before {
    border-color: var(--primary-color)
}

.joker .cashier .bonus.active:after {
    background: var(--cashier-page-green-ok) no-repeat
}

.joker .cashier
.header__title {
    text-transform: none
}

.joker .cashier__button-green
.button.button.button.button {
    box-shadow: none;
    min-height: 50px
}

.joker .cashier .swiper-button-next,
.joker .cashier .swiper-button-prev {
    border-radius: 10px
}

.joker .cashier .bonus__title,
.joker
.cashier__title {
    text-transform: none
}

.joker .cashier
.bonus__info {
    font-size: var(--text-size--xs)
}

.joker .transfers
.container__title {
    text-transform: none
}

.joker .transfers
.button.button.button.button {
    box-shadow: none;
    min-height: 50px
}

.joker .auth
.chips {
    display: none
}

.joker .auth .form
.join__title {
    color: var(--auth-title-color);
    text-transform: none;
    font-size: var(--main-font-size);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.joker .auth .form
.button__icon {
    width: 32px;
    height: 32px
}

.joker .auth .form .button__icon svg
path {
    fill: var(--accent-1-color)
}

.joker .auth .form
.button__facebook {
    background: var(--auth-fb-button-color);
    border-color: var(--auth-fb-button-color)
}

.joker .auth .form
.button__vkontakte {
    background: var(--auth-vk-button-color);
    border-color: var(--auth-vk-button-color)
}

.joker .auth .form
.button__yandex {
    background: var(--auth-yandex-button-color);
    border-color: var(--auth-yandex-button-color)
}

.joker .auth .form
.button__google {
    background: var(--auth-google-button-color);
    border-color: var(--auth-google-button-color)
}

.joker .auth .form
.button__odnoklassniki {
    background: var(--auth-ok-button-color);
    border-color: var(--auth-ok-button-color)
}

.joker .auth .form
.button__mailru {
    background: var(--auth-mailru-button-color);
    border-color: var(--auth-mailru-button-color)
}

@media (min-width: 768px) {
    .joker .auth .form
    .button__icon {
        width: 45px;
        height: 45px
    }
}

.joker .auth .form .auth-button
.button.button.button.button {
    min-height: 50px;
    box-shadow: none
}

.joker .auth .form
.currency__title {
    color: var(--auth-title-color);
    text-transform: none;
    font-size: var(--main-font-size)
}

.joker .auth .form
.radio__message {
    color: var(--auth-title-color)
}

.joker .auth .form--registration .auth-button
.button {
    height: auto
}

.joker .auth .form--registration .join__title--registration {
    font-size: var(--h4-size);
    color: var(--auth-title-color);
    text-transform: none
}

.joker .auth .form--registration .radio-block {
    top: 94px
}

.joker .auth .form .second-stage__title {
    color: var(--auth-title-color);
    text-transform: none
}

@media (min-width: 992px) {
    .joker .auth .form .second-stage__title {
        max-width: 400px;
        font-size: var(--h4-size);
        line-height: 1.6
    }
}

.joker .auth .form .second-stage__input
.field__input {
    height: 50px
}

.joker .auth .form .second-stage .auth-button
.button {
    min-width: 200px !important
}

.joker .auth .password-reminder__field-title,
.joker .auth .password-reminder__title {
    color: var(--auth-title-color);
    font-size: var(--main-font-size);
    text-transform: none
}

.joker .auth .password-reminder__call-to-action
.button.button.button {
    box-shadow: none
}

.joker .auth .change_password .password-reminder__field-title,
.joker .auth .change_password .password-reminder__title {
    color: var(--auth-title-color);
    font-weight: 400;
    font-family: var(--main-fonts-bold);
    font-size: var(--main-font-size);
    line-height: 1.4
}

@media (min-width: 992px) {
    .joker
    .auth {
        background: var(--auth-desktop-bg);
        padding: 40px 0
    }

    .joker .auth .password-reminder__field-title,
    .joker .auth .password-reminder__title {
        font-size: var(--h4-size);
        margin-bottom: 30px
    }

    .joker .auth .password-reminder__image {
        margin-bottom: 30px
    }

    .joker .auth .change_password .password-reminder__field-title,
    .joker .auth .change_password .password-reminder__title {
        font-size: var(--h4-size)
    }
}

.joker
.field__input.field__input {
    color: var(--inputs-text-color)
}

.joker .tabs
.tab {
    text-transform: none
}

.joker .article .header .return-button
.button {
    color: var(--accent-1-color);
    background-color: transparent;
    border: 1px solid #fff;
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform);
    font-size: var(--text-size--xs)
}

.joker .article .header .return-button .button:hover {
    background-color: var(--accent-1-color)
}

.joker .article .header .return-button .button:active {
    background-color: var(--accent-1-color);
    color: var(--tertiary-border-color);
    box-shadow: none
}

.joker .article .header .return-button .button:disabled {
    background-color: hsla(0, 0%, 60%, 0.2) !important;
    color: #999 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    cursor: default
}

.joker .article .header .return-button .button:hover {
    color: var(--tertiary-text-color)
}

.joker .article .header .return-button .button:hover:before {
    border-color: var(--tertiary-border-color)
}

.joker .article .header .return-button .button:before {
    border-color: var(--accent-1-border-color)
}

@media (min-width: 992px) {
    .joker .article .header .return-button
    .button {
        font-size: var(--text-size--sm)
    }
}

.joker .slide-banner__label {
    background: var(--joker-slider-label-bg);
    text-transform: none;
    font-family: var(--main-fonts)
}

.joker .profile-settings .form__title,
.joker .profile-settings .info__title.info__title.info__title,
.joker .profile-settings .item .title.title,
.joker .profile-settings
.title.title.title {
    text-transform: none
}

.joker .profile-settings .documents-verification .info__preview--loading-text {
    text-transform: none;
    color: var(--settings-title-extra-color)
}

.joker .profile-settings .documents-verification .info__progress--title {
    text-transform: none
}

.joker .profile-settings .documents-verification .info__progress--bar {
    background: var(--settings-progress-bar-bg)
}

.joker .profile-settings .documents-verification .info__progress--value {
    color: var(--settings-title-extra-color)
}

.joker .profile-settings .two-factor-auth
.step__button__green {
    text-transform: none
}

.joker .profile-settings .two-factor-auth .auth__on-title {
    color: var(--settings-title-extra-color)
}

.joker .profile-settings .two-factor-auth .auth__button--off {
    text-transform: none
}

.joker .profile-settings .change-password
.success__text {
    color: var(--settings-title-extra-color)
}

.joker .profile-settings .contact-data
.info__check {
    color: var(--success-color)
}

.joker .profile-settings .contact-data .info__check--not {
    color: var(--error-color)
}

.joker .profile-settings .games-access .info__text-bottom {
    font-size: var(--text-size--sm)
}

.joker .profile-settings .games-access
.info__icon__text {
    text-transform: none
}

@media (min-width: 768px) {
    .joker .profile-settings .games-access
    .info__block {
        width: 330px
    }
}

.joker .profile-settings .contact-data .info__button.info__button.info__button,
.main-menu-wrapper div.menu-container .menu-block .menu-item-label {
    text-transform: none
}

.main-menu-wrapper div.menu-container .menu-block .menu-item .menu-item-amount {
    position: static;
    top: -10px;
    right: -10px;
    color: var(--secondary-text-color);
    font-weight: 400;
    font-family: var(--main-fonts-bold);
    font-size: var(--text-size--xs);
    line-height: 1.4;
    border-radius: 4px;
    background-color: var(--primary-bg-color);
    line-height: 20px
}

.main-menu-wrapper .menu-block .menu-item.active .menu-item-label.menu-item-label.menu-item-label.menu-item-label {
    color: var(--primary-text-hover)
}

.main-menu-wrapper .menu-block .menu-item-label.menu-item-label.menu-item-label {
    font-size: var(--main-font-size)
}

.main-menu-wrapper .main-menu__user .main-menu__user-balance__info {
    color: var(--main-menu-user-color)
}

.main-menu-wrapper div.language-switcher .language.language,
.main-menu-wrapper div.main-menu-footer
.logout {
    font-size: var(--main-font-size);
    text-transform: none
}

.loader
img.loader__logo {
    width: 150px
}

.joker .bonuses-wrapper .bonus-account .bonus-account-title.bonus-account-title.bonus-account-title.bonus-account-title {
    color: var(--bonus-title-color)
}

.joker .bonuses-wrapper .bonus-account-balance,
.joker .bonuses-wrapper .bonuses-count {
    color: var(--bonus-count-color) !important
}

.joker .bonuses-wrapper .timer-title {
    text-transform: uppercase;
    color: var(--bonus-title-color)
}

.joker .bonuses-wrapper .slider-arrow {
    border-radius: 10px
}

.joker .bonuses-wrapper .bonuses-list-wrapper .bonuses-list .bonuses-list-title {
    text-transform: none !important
}

.joker .bonuses-wrapper .bonus-info div.bonus-title {
    font-family: var(--main-fonts);
    text-transform: none
}

.joker .bonuses-wrapper div.bonus-extra .bonus-extra-info {
    font-size: var(--text-size--xs)
}

.joker .bonuses-wrapper .bonus-info.showWagerProgress .bonus-amount div.bonus-amount-value.bonus-amount-value,
.joker .bonuses-wrapper .wager-progress .wager-progress-bg .wager-info div.wager-info-factor.wager-info-factor.wager-info-factor,
.joker .bonuses-wrapper .wager-progress .wager-progress-footer span.wager-progress-current.wager-progress-current {
    font-family: var(--main-fonts)
}

.field__input {
    width: 100%;
    height: 50px;
    padding: 25px 12px 12px 15px;
    border-radius: 5px;
    transition: border 0.3s;
    font-size: var(--main-font-size);
    font-family: var(--inputs-font);
    border: 1px solid var(--extra-3-border-color);
    color: var(--secondary-text-color)
}

.field__input::-moz-placeholder {
    color: var(--extra-3-text-color)
}

.field__input::-ms-input-placeholder {
    color: var(--extra-3-text-color)
}

.field__input::placeholder {
    color: var(--extra-3-text-color)
}

.field__input:hover {
    border: 1px solid var(--tertiary-input-hover-border-color)
}

.field__input:focus {
    box-shadow: var(--input-focus-shadow)
}

.field__input:disabled {
    color: var(--extra-3-text-color);
    background: var(--main-bg);
    cursor: default;
    border: 1px solid var(--extra-3-border-color)
}

.joker .faq__title,
.joker
.section__header.section__header {
    text-transform: none
}

.joker .faq-article
.return.return.return {
    text-transform: none;
    border-radius: 10px
}

@media (min-width: 768px) {
    .joker .faq-article
    .return.return.return {
        justify-content: normal;
        padding-left: 32px
    }

    .joker .faq-article .return.return.return:before {
        border-left-width: 2.4px;
        border-top-width: 2.4px;
        left: 23px
    }
}

@media (min-width: 992px) {
    .joker .faq-article
    .return.return.return {
        line-height: 40px;
        padding-left: 38px
    }

    .joker .faq-article .return.return.return:before {
        width: 6px;
        height: 6px;
        top: calc(50% - 4px);
        left: 26px
    }
}

.joker .promo .item
.info__title.info__title.info__title.info__title {
    color: var(--news-title-color)
}

.joker .promo .item
.info__date.info__date.info__date.info__date {
    color: var(--news-time-color)
}

.joker .promo .item .info__date.info__date.info__date.info__date:before {
    background-color: var(--news-time-color)
}

.joker .promo .item:hover
.info__title.info__title.info__title.info__title {
    color: var(--news-title-color-hover)
}

.joker .promo
.title.title.title {
    text-transform: none
}

.joker .article .body .description h1,
.joker .article .body .description h2,
.joker .article .body .description h3,
.joker .item .info__title.info__title.info__title,
.joker .item:hover
.info__description.info__description.info__description {
    color: var(--news-title-color)
}

.joker .article .header .info__date,
.joker .item .info__date.info__date.info__date,
.joker .news .paginator .pages .page--active {
    color: var(--news-time-color)
}

.joker .article .header .info__date.promo:before {
    background-color: var(--news-time-color)
}

.joker .read-also
.title.title.title {
    text-transform: none
}

.joker .read-also .item
.info__date.info__date.info__date.info__date {
    color: var(--news-time-color)
}

.joker .read-also .item .info__date.info__date.info__date.info__date:before {
    background-color: var(--news-time-color)
}

.joker .read-also .item
.info__title.info__title.info__title.info__title {
    color: var(--news-title-color)
}

.joker .read-also .item:hover
.info__title.info__title.info__title.info__title {
    color: var(--news-title-color-hover)
}

.joker .news
.title {
    text-transform: none
}

.pd-page__body {
    min-height: 400px
}

.hideVerbox
div#supportTrigger {
    display: none !important
}

@-webkit-keyframes autofill {
    to {
        color: inherit;
        background-color: transparent !important
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.slick-arrow {
    display: none !important
}

blockquote {
    position: relative;
    background: #f1e5ff;
    padding: 15px;
    margin: 15px 0;
    color: #000;
    padding-left: 50px;
    border-radius: 5px;
    font-style: italic
}

blockquote:before {
    position: absolute;
    top: 50%;
    left: 0px;
    display: inline-block;
    font-size: 75px;
    transform: translate(0px, -50%);
    content: '"'
}

.pd-page__seo-content table,
.static-page__content
table {
    width: 100%;
    margin: 15px 0;
    color: #000
}

.pd-page__seo-content table tr td,
.static-page__content table tr
td {
    padding: 15px;
    text-align: center;
    border: solid 1px #f1e5ff
}

.pd-page__seo-content table tr:first-child td,
.static-page__content table tr:first-child
td {
    background-color: #f1e5ff
}

.static-page__content p
img {
    max-width: 100%;
    height: auto
}

a, div, em, p, section, span, strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

section {
    display: block
}

.static-page {
    padding: 10px 20px 50px;
    max-width: 1200px;
    margin: 0 auto
}

.static-page__title {
    font-size: var(--h3-size);
    line-height: 1.25
}

.static-page__title {
    font-weight: 400;
    margin-bottom: 15px
}

.static-page a,
.static-page
p {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-size: var(--text-size--sm);
    line-height: 1.4
}

.static-page
p {
    margin-bottom: 20px
}

.static-page a:not(.btn) {
    color: inherit;
    display: inline-block;
    border-bottom: 1px solid var(--primary-border-color)
}

@media (min-width: 768px) {
    .static-page__title {
        font-size: var(--h2-size)
    }

    .static-page a,
    .static-page
    p {
        font-size: var(--main-font-size)
    }
}

@media (min-width: 992px) {
    .static-page {
        padding-bottom: 70px
    }

    .static-page__title {
        font-size: var(--h1-size);
        margin-bottom: 15px
    }
}

a, div, h1, h2, img, section, time {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box
}
img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}


picture img {
    border-radius: 14px;
    margin: 20px auto;
}

a {
    text-decoration: none;
    cursor: pointer
}

section {
    display: block
}

.joker .promo .item
.info__title.info__title.info__title.info__title {
    color: var(--news-title-color)
}

.joker .promo .item
.info__date.info__date.info__date.info__date {
    color: var(--news-time-color)
}

.joker .promo .item .info__date.info__date.info__date.info__date:before {
    background-color: var(--news-time-color)
}

.joker .promo .item:hover
.info__title.info__title.info__title.info__title {
    color: var(--news-title-color-hover)
}

.joker .promo
.title.title.title {
    text-transform: none
}

.joker .item
.info__title.info__title.info__title {
    color: var(--news-title-color)
}

.joker .item
.info__date.info__date.info__date {
    color: var(--news-time-color)
}

.promo[_ngcontent-serverApp-c96] .wrapper[_ngcontent-serverApp-c96] {
    max-width: 420px;
    margin: 0 auto;
    padding: 30px 20px 50px
}

.promo[_ngcontent-serverApp-c96] .title[_ngcontent-serverApp-c96] {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-size: var(--main-font-size);
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 20px
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] {
    width: 100%;
    border-radius: 15px;
    box-shadow: var(--sm-shadow);
    background-color: var(--accent-1-bg-color);
    display: block;
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s;
    overflow: hidden
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:hover .info__title[_ngcontent-serverApp-c96] {
    color: var(--primary-title-color);
    transition: 0.3s
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:hover .image[_ngcontent-serverApp-c96] img[_ngcontent-serverApp-c96] {
    transition: 0.5s;
    width: 100%;
    height: 105%
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:last-child {
    margin: 0
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:hover {
    box-shadow: var(--md-shadow)
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .image[_ngcontent-serverApp-c96] {
    height: 180px;
    border-radius: 15px 15px 0 0;
    overflow: hidden
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .image[_ngcontent-serverApp-c96] img[_ngcontent-serverApp-c96] {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.5s
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info[_ngcontent-serverApp-c96] {
    padding: 20px 20px 30px
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__date[_ngcontent-serverApp-c96] {
    color: var(--primary-text-color);
    font-weight: 400;
    font-size: var(--text-size--xs);
    line-height: 1.4;
    margin-bottom: 10px;
    display: block
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__date[_ngcontent-serverApp-c96]:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--primary-bg-color);
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__title[_ngcontent-serverApp-c96] {
    color: var(--secondary-title-color);
    font-weight: 400;
    font-size: var(--h4-size);
    line-height: 1.3;
    margin-bottom: 10px;
    transition: 0.3s
}

.promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__summary[_ngcontent-serverApp-c96] {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-size: var(--text-size--sm);
    line-height: 1.4
}

@media (min-width: 768px) {
    .promo[_ngcontent-serverApp-c96] .wrapper[_ngcontent-serverApp-c96] {
        max-width: 820px;
        padding: 40px 20px 70px
    }

    .promo[_ngcontent-serverApp-c96] .title[_ngcontent-serverApp-c96] {
        font-size: var(--h4-size)
    }

    .promo[_ngcontent-serverApp-c96] .list[_ngcontent-serverApp-c96] {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 16px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] {
        margin: 0;
        height: 520px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .image[_ngcontent-serverApp-c96] {
        height: 230px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info[_ngcontent-serverApp-c96] {
        padding: 30px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__date[_ngcontent-serverApp-c96] {
        margin-bottom: 20px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__title[_ngcontent-serverApp-c96] {
        font-size: var(--h3-size);
        margin-bottom: 20px
    }
}

@media (min-width: 992px) {
    .promo[_ngcontent-serverApp-c96] .wrapper[_ngcontent-serverApp-c96] {
        max-width: 944px;
        padding: 50px 0 100px
    }

    .promo[_ngcontent-serverApp-c96] .title[_ngcontent-serverApp-c96] {
        margin-bottom: 30px
    }

    .promo[_ngcontent-serverApp-c96] .list[_ngcontent-serverApp-c96] {
        grid-template-columns:1fr 1fr 1fr
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] {
        height: 510px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info[_ngcontent-serverApp-c96] {
        font-size: var(--h3-size)
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__date[_ngcontent-serverApp-c96] {
        margin-bottom: 20px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .info__title[_ngcontent-serverApp-c96] {
        margin-bottom: 10px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96] .image[_ngcontent-serverApp-c96] {
        height: 200px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child {
        grid-column: 1/-1;
        height: 400px;
        display: flex;
        margin-bottom: 14px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child .image[_ngcontent-serverApp-c96] {
        order: 1;
        width: 640px;
        height: 400px;
        border-radius: 0 15px 15px 0;
        position: relative
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child .info[_ngcontent-serverApp-c96] {
        order: 0;
        width: 304px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child .info__date[_ngcontent-serverApp-c96] {
        margin-bottom: 35px
    }
}

@media (min-width: 1200px) {
    .promo[_ngcontent-serverApp-c96] .wrapper[_ngcontent-serverApp-c96] {
        max-width: 1160px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:not(:first-child) {
        height: 540px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:not(:first-child) .image[_ngcontent-serverApp-c96] {
        height: 245px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:not(:first-child) .info__date[_ngcontent-serverApp-c96],
    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:not(:first-child) .info__title[_ngcontent-serverApp-c96] {
        margin-bottom: 20px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child {
        margin-bottom: 34px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child .info[_ngcontent-serverApp-c96] {
        width: 376px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child .info__title[_ngcontent-serverApp-c96] {
        margin-bottom: 15px
    }

    .promo[_ngcontent-serverApp-c96] .item[_ngcontent-serverApp-c96]:first-child .image[_ngcontent-serverApp-c96] {
        width: 784px
    }
}

.promo[_ngcontent-serverApp-c96] {
    background: var(--main-bg)
}

a, div, h1, input, section, span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

section {
    display: block
}

input {
    padding: 0;
    border: none;
    outline: none
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    box-shadow: none
}

.joker
.field__input.field__input {
    color: var(--inputs-text-color)
}

.field__input {
    width: 100%;
    height: 50px;
    padding: 25px 12px 12px 15px;
    border-radius: 5px;
    transition: border 0.3s;
    font-size: var(--main-font-size);
    border: 1px solid var(--extra-3-border-color);
    color: var(--secondary-text-color)
}

.field__input::-moz-placeholder {
    color: var(--extra-3-text-color)
}

.field__input::-ms-input-placeholder {
    color: var(--extra-3-text-color)
}

.field__input::placeholder {
    color: var(--extra-3-text-color)
}

.field__input:hover {
    border: 1px solid var(--tertiary-input-hover-border-color)
}

.field__input:focus {
    box-shadow: var(--input-focus-shadow)
}

.field__input:disabled {
    color: var(--extra-3-text-color);
    background: var(--main-bg);
    cursor: default;
    border: 1px solid var(--extra-3-border-color)
}

.joker .faq__title,
.joker
.section__header.section__header {
    text-transform: none
}

.faq {
    padding: 30px 0 50px;
    background: var(--main-bg)
}

.faq__wrapper {
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
    max-width: 944px;
    margin: 0 auto
}

.faq__title {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-size: var(--main-font-size);
    line-height: 1.4;
    text-transform: uppercase
}

.faq__header {
    margin-bottom: 25px;
    position: relative
}

.faq__section {
    display: block;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: var(--sm-shadow)
}

.faq__section:last-child {
    margin: 0
}

.faq__search
.search.search {
    display: block;
    position: absolute;
    right: 0;
    top: -12px;
    width: 100%;
    text-align: right;
    background: var(--accent-1-bg-color)
}

.faq__search .search.search
input {
    width: 100%
}

.faq__search
.search.collapsed {
    width: 40px
}

@media (min-width: 580px) {
    .faq__search .search.search,
    .faq__search .search.search
    input {
        max-width: 280px
    }
}

@media (min-width: 768px) {
    .faq {
        padding: 50px 0 70px
    }

    .faq__title {
        font-size: var(--h4-size)
    }

    .faq__header {
        margin-bottom: 45px
    }

    .faq__section {
        margin-bottom: 30px
    }

    .faq__search
    .search.search {
        width: 280px
    }

    .faq__search .search.search
    input {
        width: 280px !important;
        height: auto !important;
        padding-left: 38px
    }
}

@media (min-width: 992px) {
    .faq {
        padding: 60px 0 100px
    }

    .faq__wrapper {
        padding: 0
    }
}

@media (min-width: 1200px) {
    .faq__header {
        margin-bottom: 55px
    }
}

.search__input.field__input {
    width: 100%;
    height: 50px;
    padding: 25px 12px 12px 15px;
    border-radius: 5px;
    transition: border 0.3s;
    font-size: var(--main-font-size);
    border: 1px solid var(--extra-3-border-color);
    color: var(--secondary-text-color)
}

.search__input.field__input::-moz-placeholder {
    color: var(--extra-3-text-color)
}

.search__input.field__input::-ms-input-placeholder {
    color: var(--extra-3-text-color)
}

.search__input.field__input::placeholder {
    color: var(--extra-3-text-color)
}

.search__input.field__input:hover {
    border: 1px solid var(--tertiary-input-hover-border-color)
}

.search__input.field__input:focus {
    box-shadow: var(--input-focus-shadow)
}

.search__input.field__input:disabled {
    color: var(--extra-3-text-color);
    background: var(--main-bg);
    cursor: default;
    border: 1px solid var(--extra-3-border-color)
}

.search {
    position: relative;
    cursor: pointer
}

.search:hover
.search__input {
    border: 1px solid var(--tertiary-input-hover-border-color)
}

.search__input.field__input {
    width: 240px;
    height: 40px;
    padding: 12px 35px 12px 40px;
    cursor: pointer;
    box-shadow: var(--sm-shadow)
}

.search__input.field__input, .search__input.field__input.ng-valid:focus {
    border: 1px solid var(--extra-2-border-color)
}

.search .icon
svg {
    width: 30px;
    height: 30px;
    left: 5px
}

.search .icon
svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .search__input {
        width: 280px
    }
}

@media (max-width: 1100px) {
    .search.collapsed
    .search__input {
        width: 40px;
        height: 40px;
        padding-left: 38px;
        padding-right: 0
    }
}

.section[_ngcontent-serverApp-c100] {
    background: var(--accent-1-bg-color)
}

.section__header[_ngcontent-serverApp-c100] {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-size: var(--text-size--sm);
    line-height: 1.4;
    text-transform: uppercase;
    background-image: var(--faq-page-popular-icon), linear-gradient(270deg, var(--faq-page-popular-gradient-start), var(--faq-page-popular-gradient-end));
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 1px solid var(--extra-2-border-color);
    cursor: pointer
}

.section__header[_ngcontent-serverApp-c100]:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 4px;
    left: -4px;
    transition: left 0.3s
}

.section__header.casino[_ngcontent-serverApp-c100] {
    background-image: var(--faq-page-casino-icon), linear-gradient(270deg, var(--faq-page-casino-gradient-start), var(--faq-page-casino-gradient-end))
}

.section__header.settings[_ngcontent-serverApp-c100] {
    background-image: var(--faq-page-settings-icon), linear-gradient(270deg, var(--faq-page-settings-gradient-start), var(--faq-page-settings-gradient-end))
}

.section__header.payments[_ngcontent-serverApp-c100] {
    background-image: var(--faq-page-payments-icon), linear-gradient(270deg, var(--faq-page-payments-gradient-start), var(--faq-page-payments-gradient-end))
}

.section__content[_ngcontent-serverApp-c100] {
    display: none
}

.section__content.opened[_ngcontent-serverApp-c100], .section__sub[_ngcontent-serverApp-c100] {
    display: block
}

.section__sub[_ngcontent-serverApp-c100]:last-child {
    border-bottom: none
}

.section__sub[_ngcontent-serverApp-c100] .section__header[_ngcontent-serverApp-c100] {
    text-transform: none;
    background: none;
    position: relative
}

.section__sub[_ngcontent-serverApp-c100] .section__arrow[_ngcontent-serverApp-c100] {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    height: 13px;
    display: block;
    transition: 0.3s
}

.section__sub[_ngcontent-serverApp-c100] .section__link[_ngcontent-serverApp-c100] {
    transition: background 0.3s
}

.section__sub[_ngcontent-serverApp-c100] .section__link[_ngcontent-serverApp-c100]:hover {
    transition: background 0.3s;
    color: var(--primary-text-hover)
}

.section__arrow[_ngcontent-serverApp-c100] {
    display: none
}

.section__link[_ngcontent-serverApp-c100] {
    color: var(--secondary-text-color);
    display: block;
    padding: 15px 40px 15px 20px
}

@media (min-width: 768px) {
    .section__header[_ngcontent-serverApp-c100] {
        font-size: var(--main-font-size)
    }

    .section__link[_ngcontent-serverApp-c100] {
        padding: 23px 60px 23px 30px
    }
}

#faq
.faq_title {
    background-image: var(--faq-page-popular-icon), linear-gradient(270deg, var(--faq-page-popular-gradient-start), var(--faq-page-popular-gradient-end))
}

.faq_title {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-size: var(--text-size--sm);
    line-height: 1.4;
    text-transform: uppercase;
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 1px solid var(--extra-2-border-color);
    cursor: pointer;
    padding: 23px 60px 23px 30px;
    border-radius: 15px 15px 0 0;
    display: block;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07)
}

.faq_title:not(:first-child) {
    margin-top: 20px
}

#faq
.item {
    padding: 23px 60px 23px 30px;
    background: var(--accent-1-bg-color);
    border: solid 1px #ebebeb;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    cursor: pointer
}

#faq .item
b {
    font-weight: 400;
    display: block
}

#faq .answer
p {
    margin: 10px 0;
    font-weight: lighter
}

.static-page h2,
.static-page
h3 {
    margin-bottom: 20px;
    font-size: 22px;
    color: #000
}

.static-page
h1 {
    color: #000
}

.static-page
h4 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000
}

.static-page ul,
.static-page
ol {
    list-style: disc;
    margin-bottom: 20px
}

.static-page ul li,
.static-page ol
li {
    margin: 10px 0
}

.static-page p,
.static-page
li {
    color: #000
}

a, div, iframe, img, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

section {
    display: block
}

button {
    margin: 0;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

button {
    padding: 0;
    border: none;
    outline: none
}

.joker .game__demo-block
.game__demo__button {
    margin-left: 30px
}

.joker .game__demo-block .game__demo__button
.button {
    height: 30px
}

.button[_ngcontent-serverApp-c44], .button--md[_ngcontent-serverApp-c44] {
    min-width: 152px;
    min-height: var(--button-min-heigth);
    position: relative;
    padding: 19px 38px 18px;
    border-radius: var(--button-border-radius);
    line-height: 1;
    box-sizing: border-box;
    font-size: var(--main-font-size);
    text-transform: var(--button-text-transform);
    cursor: pointer;
    transition: 0.3s
}

.button--md[_ngcontent-serverApp-c44] {
    min-width: 110px;
    min-height: 40px;
    padding: 11px 25px 9px;
    font-size: var(--text-size--sm)
}

.button[_ngcontent-serverApp-c44], .button--green[_ngcontent-serverApp-c44] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-bg);
    border: none;
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform)
}

.button--green[_ngcontent-serverApp-c44]:hover, .button[_ngcontent-serverApp-c44]:hover {
    background-color: var(--primary-button-hover-bg)
}

.button--green[_ngcontent-serverApp-c44]:active, .button[_ngcontent-serverApp-c44]:active {
    background-color: var(--primary-button-pressed-bg);
    color: var(--primary-button-pressed-color);
    box-shadow: none
}

.button--green[_ngcontent-serverApp-c44]:disabled, .button[_ngcontent-serverApp-c44]:disabled {
    background-color: var(--primary-button-disabled-bg) !important;
    color: var(--primary-button-disabled-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    cursor: default
}

.button__loader[_ngcontent-serverApp-c44] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.game {
    width: 100%;
    height: 100%;
    box-shadow: var(--sm-shadow)
}

.button, .button--md {
    min-width: 152px;
    min-height: var(--button-min-heigth);
    position: relative;
    padding: 19px 38px 18px;
    border-radius: var(--button-border-radius);
    line-height: 1;
    box-sizing: border-box;
    font-size: var(--main-font-size);
    text-transform: var(--button-text-transform);
    cursor: pointer;
    transition: 0.3s
}

.button--md {
    min-width: 110px;
    min-height: 40px;
    padding: 11px 25px 9px;
    font-size: var(--text-size--sm)
}

.button, .button--green {
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-bg);
    border: none;
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform)
}

.button--green:hover, .button:hover {
    background-color: var(--primary-button-hover-bg)
}

.button--green:active, .button:active {
    background-color: var(--primary-button-pressed-bg);
    color: var(--primary-button-pressed-color);
    box-shadow: none
}

.button--green:disabled, .button:disabled {
    background-color: var(--primary-button-disabled-bg) !important;
    color: var(--primary-button-disabled-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    cursor: default
}

.button__loader {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.game[_ngcontent-serverApp-c120] {
    margin: 0 auto;
    background: var(--game-page-default-bg) no-repeat;
    background-size: cover;
    padding: 60px 20px 20px
}

.game--demo[_ngcontent-serverApp-c120] {
    padding-top: 20px
}

.game__wrapper[_ngcontent-serverApp-c120] {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center
}

.game__buttons[_ngcontent-serverApp-c120] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.game__close[_ngcontent-serverApp-c120], .game__fullscreen[_ngcontent-serverApp-c120] {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 0 0 0;
    background: rgba(0, 0, 0, 0.7)
}

.game__fullscreen[_ngcontent-serverApp-c120] img[_ngcontent-serverApp-c120] {
    width: 10px;
    height: 10px
}

.game__close[_ngcontent-serverApp-c120] {
    margin-right: 1px
}

.game__fullscreen[_ngcontent-serverApp-c120] {
    border-radius: 0 10px 0 0
}

.game__container[_ngcontent-serverApp-c120] {
    width: 943px;
    height: 0;
    margin: 0 auto;
    max-width: 100%;
    position: relative
}

.game__frame[_ngcontent-serverApp-c120] {
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 100%;
    top: 34px;
    left: 0
}

.game__demo-block[_ngcontent-serverApp-c120] {
    color: var(--accent-1-text-color);
    font-weight: 400;
    font-size: var(--main-font-size);
    line-height: 1.4;
    display: inline-block;
    margin: 0 auto 10px;
    padding: 15px;
    width: auto;
    line-height: 1;
    border-radius: 40px;
    background-color: rgba(0, 0, 0, 0.7)
}

@media (min-width: 580px) {
    .game__demo__button[_ngcontent-serverApp-c120] {
        display: inline-block;
        margin: 0 0 0 10px
    }
}

.game__frame-full-width[_ngcontent-serverApp-c120] {
    padding: 0;
    overflow: hidden
}

.game__frame-full-width[_ngcontent-serverApp-c120] .game__wrapper[_ngcontent-serverApp-c120] {
    max-width: unset
}

.game__frame-full-width[_ngcontent-serverApp-c120] .game__buttons[_ngcontent-serverApp-c120],
.game__frame-full-width[_ngcontent-serverApp-c120] .game__demo-block[_ngcontent-serverApp-c120] {
    display: none
}

.game__frame-full-width[_ngcontent-serverApp-c120] .game__frame[_ngcontent-serverApp-c120] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    max-width: 100%;
    max-height: 100%
}

.game__frame-full-width[_ngcontent-serverApp-c120] .game__container[_ngcontent-serverApp-c120] {
    width: 100%;
    height: 0;
    min-width: 100%
}

@media (min-width: 1200px) {
    .game__frame-full-width[_ngcontent-serverApp-c120] .game__frame[_ngcontent-serverApp-c120] {
        max-height: calc(100vh - 120px) !important;
        height: calc(100vh - 120px);
        position: static
    }

    .game__frame-full-width[_ngcontent-serverApp-c120] .game__container[_ngcontent-serverApp-c120] {
        padding: 0 !important;
        min-height: calc(100vh - 120px)
    }
}

.mat-tab-label {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}

.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.mat-tab-label {
    color: rgba(0, 0, 0, 0.87)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.38)
}

.mat-tab-group.mat-primary .mat-ink-bar {
    background-color: #2ecc71
}

html body [class*=" mat-"] {
    font-family: Circe-Regular, sans-serif
}

.mat-tab-label {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}

.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.mat-tab-label {
    color: rgba(0, 0, 0, 0.87)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.38)
}

.mat-tab-group.mat-primary .mat-ink-bar {
    background-color: #ad00ff
}

html body [class*=" mat-"] {
    font-family: Rubik-Regular
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    font-family: Rubik-Medium !important
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header {
    border: none;
    width: 100%;
    padding-top: 10px
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels {
    justify-content: center;
    margin-bottom: 30px
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label {
    width: 141px;
    min-width: 141px;
    height: 50px;
    background-color: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px;
    opacity: 1;
    color: #999
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    font-size: 14px
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
    height: 40px;
    width: inherit;
    background-color: #fff;
    color: #ad00ff;
    border-radius: 100px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15)
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-header-pagination {
    display: none
}

tournaments .tournaments-container .mat-tab-group .mat-ink-bar {
    visibility: hidden !important
}

@media screen and (max-width: 728px) {
    tournaments .tournaments-container .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content {
        font-size: 12px
    }
}

tournaments .mat-tab-list {
    transform: translateX(0) !important
}

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: 0.6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.mat-tab-label:focus {
    outline: 0
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
    opacity: 1
}

@media (-ms-high-contrast: active) {
    .mat-tab-label:focus {
        outline: dotted 2px
    }
}

.mat-tab-label .mat-tab-label-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

@media (-ms-high-contrast: active) {
    .mat-tab-label {
        opacity: 1
    }
}

@media (max-width: 599px) {
    .mat-tab-label {
        padding: 0 12px
    }
}

@media (max-width: 959px) {
    .mat-tab-label {
        padding: 0 12px
    }
}

.mat-tab-header {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-shrink: 0
}

.mat-tab-header-pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    touch-action: none
}

.mat-tab-header-pagination-before {
    padding-left: 4px
}

.mat-tab-header-pagination-before .mat-tab-header-pagination-chevron {
    transform: rotate(-135deg)
}

.mat-tab-header-pagination-after {
    padding-right: 4px
}

.mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
    transform: rotate(45deg)
}

.mat-tab-header-pagination-chevron {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    height: 8px;
    width: 8px
}

.mat-tab-header-pagination-disabled {
    box-shadow: none;
    cursor: default
}

.mat-tab-list {
    flex-grow: 1;
    position: relative;
    transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1)
}

.mat-ink-bar {
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1)
}

@media (-ms-high-contrast: active) {
    .mat-ink-bar {
        outline: solid 2px;
        height: 0
    }
}

.mat-tab-labels {
    display: flex
}

.mat-tab-label-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    z-index: 1
}

.mat-tab-label {
    height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    opacity: 0.6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.mat-tab-label:focus {
    outline: 0
}

.mat-tab-label:focus:not(.mat-tab-disabled) {
    opacity: 1
}

@media (-ms-high-contrast: active) {
    .mat-tab-label:focus {
        outline: dotted 2px
    }
}

.mat-tab-label .mat-tab-label-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

@media (-ms-high-contrast: active) {
    .mat-tab-label {
        opacity: 1
    }
}

@media (max-width: 599px) {
    .mat-tab-label {
        min-width: 72px
    }
}

.mat-tab-label {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}

.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.mat-tab-label {
    color: rgba(0, 0, 0, 0.87)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.38)
}

.mat-tab-group.mat-primary .mat-ink-bar {
    background-color: #ad00ff
}

html body [class*=" mat-"] {
    font-family: Rubik-Regular
}

@media (max-width: 768px) {
    .pd-page__seo-content
    img {
        max-width: 100%;
        height: auto
    }

    .pd-page__seo-content table tr td:nth-child(3),
    .pd-page__seo-content table tr td:nth-child(4),
    .pd-page__seo-content table tr td:nth-child(5),
    .pd-page__seo-content table tr td:nth-child(6),
    .pd-page__seo-content table tr td:nth-child(7),
    .pd-page__seo-content table tr td:nth-child(8),
    .pd-page__seo-content table tr td:nth-child(9),
    .pd-page__seo-content table tr td:nth-child(10),
    .pd-page__seo-content table tr td:nth-child(11) {
        display: none
    }
}

.games-body
h1 {
    font-size: 24px;
    color: #000
}

div, h2, img, p, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box
}

section {
    display: block
}

button {
    margin: 0;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

button {
    padding: 0;
    border: none;
    outline: none
}

.button[_ngcontent-serverApp-c44], .button--md[_ngcontent-serverApp-c44] {
    min-width: 152px;
    min-height: var(--button-min-heigth);
    position: relative;
    padding: 19px 38px 18px;
    border-radius: var(--button-border-radius);
    line-height: 1;
    box-sizing: border-box;
    font-size: var(--main-font-size);
    text-transform: var(--button-text-transform);
    cursor: pointer;
    transition: .3s
}

.button--md[_ngcontent-serverApp-c44] {
    min-width: 110px;
    min-height: 40px;
    padding: 11px 25px 9px;
    font-size: var(--text-size--sm)
}

.button[_ngcontent-serverApp-c44] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-bg);
    border: none;
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform)
}

.button[_ngcontent-serverApp-c44]:hover {
    background-color: var(--primary-button-hover-bg)
}

.button[_ngcontent-serverApp-c44]:active {
    background-color: var(--primary-button-pressed-bg);
    color: var(--primary-button-pressed-color);
    box-shadow: none
}

.button[_ngcontent-serverApp-c44]:disabled {
    background-color: var(--primary-button-disabled-bg) !important;
    color: var(--primary-button-disabled-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    cursor: default
}

.button--gray[_ngcontent-serverApp-c44] {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-bg);
    border: var(--secondary-button-border);
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform)
}

.button--gray[_ngcontent-serverApp-c44]:hover {
    background-color: var(--secondary-button-hover-bg)
}

.button--gray[_ngcontent-serverApp-c44]:active {
    background-color: var(--secondary-button-pressed-bg);
    color: var(--secondary-button-pressed-color);
    box-shadow: none
}

.button--gray[_ngcontent-serverApp-c44]:disabled {
    background-color: var(--secondary-button-disabled-bg) !important;
    color: var(--secondary-button-disabled-color) !important;
    border-color: var(--secondary-button-disabled-border) !important;
    box-shadow: none !important;
    cursor: default
}

.button__loader[_ngcontent-serverApp-c44] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.not-found {
    padding: 70px 20px 50px;
    text-align: center
}

.not-found__img {
    width: 230px;
    margin: 0 auto 30px
}

.not-found__title {
    font-weight: 400;
    font-size: var(--h2-size);
    line-height: 1.2;
    margin-bottom: 20px
}

.not-found__text {
    color: var(--secondary-text-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--main-font-size);
    line-height: 1.4;
    margin-bottom: 30px
}

.not-found__button
.button {
    width: 280px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .not-found {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 50px 30px;
        text-align: left
    }

    .not-found__img {
        width: 448px;
        margin: 0;
        order: 1
    }

    .not-found__info {
        width: 215px;
        margin-right: 50px
    }

    .not-found__title {
        margin-bottom: 30px
    }

    .not-found__button
    .button {
        width: 215px;
        margin: 0
    }
}

@media (min-width: 992px) {
    .not-found {
        padding: 80px 0 70px
    }

    .not-found__img {
        width: 520px
    }
}

@media (min-width: 1200px) {
    .not-found {
        padding-bottom: 90px
    }

    .not-found__title {
        font-size: var(--h1-size)
    }

    .not-found__text {
        font-size: var(--h4-size);
        margin-bottom: 40px
    }

    .not-found__img {
        width: 610px
    }

    .not-found__info {
        margin-right: 80px;
        width: 270px
    }
}

#breadcrumbs {
    background: #3b0a75;
    border-bottom: 1px solid #ffffff1a;
    display: flex;
    padding: 8px;
    color: #fff;
    font-size: 12px
}

#breadcrumbs li:not(:first-child) {
    font-weight: 100
}

#breadcrumbs li, #breadcrumbs
img {
    display: inline-block;
    margin: auto 2px
}

.icic {
    padding: 4px
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    color: #232323;
    background: rgba(0, 0, 0, 0.07);
    cursor: pointer;
    transition: background 200ms linear
}

.btn:hover {
    color: #bcffee;
    background: #1fb992
}

.btn.btn-red {
    color: #150725;
    font-weight: 500;
    transition: all 200ms linear;
    text-align: center;
    background: #94e000
}

.btn.btn-red:hover {
    filter: brightness(110%)
}

.bonuses-list {
    flex: 0 0 450px;
    position: relative;
    overflow: hidden;
    outline: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.bonus-item {
    position: relative;
    display: block;
    background-color: #fff;
    background-size: 400px 400px;
    border-radius: 4px;
    overflow: hidden;
    outline: none;
    width: 32%;
    border: solid 1px #eee;
    margin-top: 10px
}

.bonus-item .bonus-type {
    flex: 0 0 50%;
    padding: 20px 50px 20px 50px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    color: white;
    background: #ad00ff
}

.bonus-item .bonus-info {
    flex: 1 1 auto;
    background-color: #f4ecf8;
    background-image: url(https://www.transparenttextures.com/patterns/translucent-fibres.png);
    padding: 15px 20px 15px 20px;
    border-top: solid 1px #ddd
}

.bonus-item .param-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 3px
}

.bonus-item .param-row:last-of-type {
    margin-bottom: 0
}

.bonus-item .param-name {
    color: #3e0a79;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic
}

.bonus-item .param-value {
    text-align: right
}

.bonus-item .btn-wrap {
    text-align: center;
    margin-top: 10px
}

.bonus-item
.btn {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: var(--button-border-radius)
}

@media (max-width: 768px) {
    .mb {
        display: block !important
    }

    .mw {
        width: 100% !important
    }

    .bonus-wide-item {
        display: block !important
    }

    .bonus-icon-wrap {
        border-radius: 10px 10px 0 0 !important;
        min-height: 65px
    }

    .bonus-button-wrap {
        text-align: center;
        padding-bottom: 10px
    }
}

.bonus-wide-item {
    display: flex;
    justify-content: space-between;
    background: #eae5ff;
    margin: 10px auto;
    min-height: 100px;
    box-shadow: var(--sm-shadow)
}

.bonus-button-wrap {
    min-width: 165px;
    margin: auto
}

.bonus-content-wrap {
    text-align: center;
    padding: 10px
}

.bonus-wide-title {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    font-weight: 500
}

.bonus-icon-wrap {
    min-width: 100px;
    background: #3b0a75;
    position: relative;
    border-radius: 10px 0 0 10px
}

.bonus-first-icon {
    background-image: url(/images/ics/roulette.svg)
}

.bonus-second-icon {
    background-image: url(/images/ics/deposit.svg)
}

.bonus-third-icon {
    background-image: url(/images/ics/calendar.svg)
}

.b-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bonus-button-wrap
.btn {
    padding: 15px
}

.btn-wide {
    color: #fff !important;
    width: 95%;
    margin: auto;
    font-weight: 500 !important;
    font-size: 18px !important;
    display: block;
    text-align: center
}

.ticket-comment-guest .ticket-comment-author {
    color: #000 !important
}

.slick-slider {
    position: relative;
    display: block;
    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;
    margin-left: auto;
    margin-right: auto
}

.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
}